文章詳情頁
li和ul是否都需要display：inline？
瀏覽：116日期：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. 數組按鍵值封裝！2. docker不顯示端口映射呢？3. java - 阿里的開發手冊中為什么禁用map來作為查詢的接受類?4. javascript - 使用vue官方腳手架進行單元測試，如何覆蓋到watch里的變量？5. javascript - 為什么創建多行多列的表格最后只有一行內有表格6. 如何用Java向kafka發送json數據7. javascript - webpack中alias配置中的“@”是什么意思？8. clone - git sourceTree克隆倉庫時,都不停彈出Password Required彈窗,即時輸入正確的git賬號密碼還是彈出9. 主題切換問題，用過別人的webapp在后臺切換模板主題后手機端打開網頁就是切換到的主題了10. html5 - 使用echarts中的圖表 一個頁面導入了好幾個js圖表 實現echarts圖表隨著瀏覽器窗口變化而變化時出現了問題
排行榜
網公網安備