文章詳情頁
li和ul是否都需要display:inline?
瀏覽:112日期: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. html5 - css3scale和rotate同時使用轉換成matrix寫法該如何轉換?2. win10 python3.5 matplotlib使用報錯3. php多任務倒計時求助4. css - 如何把一個視圖放在左浮動定位的視圖的上面?5. javascript - jquery怎么讓a標簽跳轉后保持tab的樣式6. MySQL的聯合查詢[union]有什么實際的用處7. javascript - vue組件的重復調用8. javascript - 小demo:請教怎么做出類似于水滴不斷擴張的效果?9. python的正則怎么同時匹配兩個不同結果?10. javascript - axios請求回來的數據組件無法進行綁定渲染
排行榜
