文章詳情頁
css - 如果自動獲取寬度并居中?
瀏覽:269日期:2023-01-28 14:01:44
問題描述
如圖,三個標簽的地方,標簽數量不一定,并且標簽的字數也是不一定,因此總體的寬度也是不一定的,有什么辦法讓這這些標簽自動居中嗎?使用margin:0 auto; width:auto;的結果是寬度表成了百分之百,設置flote:left;的效果雖然寬度自動適應了但是不能居中
問題解答
回答1:給標簽的父級容器添加css樣式:display:flex; justi-content:center;
代碼示例:
.test{display: flex;justify-content: center; } p{background: gray;margin: 0 10px;border-radius: 2px;padding: 0 10px; }
<p class='test'> <p>111</p> <p>222</p> <p>333</p></p>回答2:
三個標簽的父級元素加text-align: center
標簽:
CSS
相關文章:
1. boot2docker無法啟動2. docker-compose中volumes的問題3. java - SSH框架中寫分頁時service層中不能注入分頁類4. node.js - antdesign怎么集合react-redux對input控件進行初始化賦值5. 關于docker下的nginx壓力測試6. docker安裝后出現Cannot connect to the Docker daemon.7. 老師,按tab鍵不起作用怎么回事8. dockerfile - 為什么docker容器啟動不了?9. mac里的docker如何命令行開啟呢?10. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””
排行榜

網公網安備