文章詳情頁
li和ul是否都需要display：inline？
瀏覽：130日期：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. docker 下面創建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？2. 在應用配置文件 app.php 中找不到’route_check_cache’配置項3. html按鍵開關如何提交我想需要的值到數據庫4. html5 - 在微信上掃二維碼看到有趣的h5頁面，怎樣才可以看到它的代碼呢？5. javascript - ueditor 百度富文本編輯器6. css3 - 怎樣用flew布局成 左邊邊兩列 右邊三列的布局？7. vue.js - android環境下在vue中引入vux.js 報錯。8. objective-c - 項目未上線,qq分享第三方登錄,讓上傳appStore ID 怎么搞9. android - 接入微信安卓分享會多一個空白頁10. python - 在pyqt中做微信的機器人,要在表格中顯示微信好友的名字,卻顯示不出來,怎么解決?
排行榜
網公網安備