文章詳情頁
css - 如果自動獲取寬度并居中？
瀏覽：291日期：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. macos - 如何徹底刪除mac自帶的apache和php2. javascript - sublime快鍵鍵問題3. docker 17.03 怎么配置 registry mirror ?4. DADB.class.php文件的代碼怎么寫5. javascript - immutable配合react提升性能？6. css - 寫頁面遇到個布局問題，求大佬們幫解答，在線等，急！~7. mysql事務回滾定位8. javascript - html5多個label中其中一個觸發change，如何判斷是哪一個出發了change9. 實現bing搜索工具urlAPI提交10. css - 移動端字體設置問題
排行榜
網公網安備