文章詳情頁
css - 如果自動獲取寬度并居中?
瀏覽:286日期:2023-01-28 14:01:44
問題描述
如圖,三個標簽的地方,標簽數(shù)量不一定,并且標簽的字數(shù)也是不一定,因此總體的寬度也是不一定的,有什么辦法讓這這些標簽自動居中嗎?使用margin:0 auto; width:auto;的結(jié)果是寬度表成了百分之百,設(shè)置flote:left;的效果雖然寬度自動適應(yīng)了但是不能居中
問題解答
回答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
相關(guān)文章:
1. java - Activity 進入后臺再次傳值?2. 前端 - html5 audio不能播放3. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題!!4. html - radio的使用時如何避免整個頁面只能選一個的情況5. git - webstorm窗口中左側(cè)列表的文件名顏色怎么修改6. 利用百度地圖API定位及附件商家信息服務(wù)7. javascript - 深夜被問題困擾求解惑,rn的API之PermissionsAndroidd的問題8. 如何解決docker宿主機無法訪問容器中的服務(wù)?9. 請問各位java自帶類的一些問題10. mysqld無法關(guān)閉
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備