文章詳情頁
li和ul是否都需要display:inline?
瀏覽:197日期: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. node.js - nodejs+express+vue2. python - 如何把152753這個字符串轉變成時間格式15:27:533. python對8000行csv添加列4. javascript - onclick事件點擊不起作用5. python 字符串匹配問題6. DADB.class.php文件的代碼怎么寫7. 使用mysql命令行連接遠程數據庫host跳轉8. javascript - 如何獲取未來元素的父元素在頁面中所有相同元素中是第幾個?9. javascript - 我的站點貌似被別人克隆了, google 搜索特定文章,除了域名不一樣,其他的都一樣,如何解決?10. 數據庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。
排行榜

網公網安備