文章詳情頁
li和ul是否都需要display：inline？
瀏覽：124日期：2024-05-25 08:14:39
問題描述
為什么li和ul都要display：inline， 只保留li的display:inline也能實現結果？
問題解答
回答1：去掉ul的inline和不去掉效果一樣：因為.container類是他們的父類,text-align：center.樣式，所以看起來效果一樣。實際上,去除ul的display:inline樣式，ul已經恢復為塊級元素，寬度100%,如果為display:inline，ul的寬度是li的寬度之和。display:inline在這里的目的是讓li水平,居中需要text-align:center來執行.至于ul加display:inline,使得ul的寬度為內容寬度之和,不用撐滿整行的寬度，可以在這行上再擴展其他行內元素
相關文章：
1. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風格檢查怎么辦。。。2. javascript - [js]為什么畫布里不出現圖片呢？在線等3. python - 如何判斷爬蟲已經成功登陸？4. html - vue項目中用到了elementUI問題5. html5 - 有可以一次性把所有 css外部樣式轉為html標簽內style=" "的方法嗎?6. javascript - 如何將一個div始終固定在某個位置；無論屏幕和分辨率怎么變化；div位置始終不變7. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?8. javascript - 有什么比較好的網頁版shell前端組件？9. javascript - 這不是對象字面量函數嗎？為什么要new初始化？10. javascript - 求解答：實例對象調用constructor，此時constructor內的this的指向？
排行榜
網公網安備