文章詳情頁
li和ul是否都需要display：inline？
瀏覽：131日期：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 - 如圖，百度首頁，查看源代碼為什么什么都沒有？2. android - weex 項目createInstanceReferenceError: Vue is not defined3. html - 關于CSS實現border的0.5px設置？4. javascript - 原生APP內嵌H5頁面分享到微信朋友圈，二次分享問題。5. javascript - 為什么clearInterVal不起作用呢？6. PHPExcel表格導入數據庫怎么導入7. android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報錯，是什么情況？求大神指點8. pdo 寫入到數據庫的內容為中文的時候寫入亂碼9. PHP類封裝的插入數據，總是插入不成功，返回false；10. vue2.0+webpack 如何使用bootstrap？
排行榜
網公網安備