文章詳情頁(yè)
li和ul是否都需要display:inline?
瀏覽:72日期:2024-05-25 08:14:39
問(wèn)題描述
為什么li和ul都要display:inline, 只保留li的display:inline也能實(shí)現(xiàn)結(jié)果?
問(wèn)題解答
回答1:去掉ul的inline和不去掉效果一樣:因?yàn)?container類是他們的父類,text-align:center.樣式,所以看起來(lái)效果一樣。實(shí)際上,去除ul的display:inline樣式,ul已經(jīng)恢復(fù)為塊級(jí)元素,寬度100%,如果為display:inline,ul的寬度是li的寬度之和。display:inline在這里的目的是讓li水平,居中需要text-align:center來(lái)執(zhí)行.至于ul加display:inline,使得ul的寬度為內(nèi)容寬度之和,不用撐滿整行的寬度,可以在這行上再擴(kuò)展其他行內(nèi)元素
上一條:為什么一定要加important呢 直接把后面的刪了不行嗎 需要什么格式就去設(shè)置 何必要多后面的代碼呢?下一條:誰(shuí)能夠系統(tǒng)地總結(jié)一下三種定位模式的區(qū)別呢?萬(wàn)分感謝
相關(guān)文章:
1. centos - apache配置django報(bào)錯(cuò):cannot be loaded as Python modules2. javascript - 微信小程序里怎么把頁(yè)面轉(zhuǎn)成圖片分享3. 【python小白】 問(wèn)關(guān)于property的順序問(wèn)題4. node.js - 有沒(méi)有比較好的nodejs導(dǎo)出excel的插件?5. 微信端電子書(shū)翻頁(yè)效果6. mysql - SQL問(wèn)個(gè)基礎(chǔ)例子,書(shū)上的,我怎么看都看不懂..誰(shuí)幫我解釋一下第2個(gè)為什么和第1個(gè)一樣?7. mysql服務(wù)無(wú)法啟動(dòng)1067錯(cuò)誤,誰(shuí)知道正確的解決方法?8. mysql事務(wù)日志的一些問(wèn)題9. mysql - 我用SQL語(yǔ)句 更新 行的時(shí)候,發(fā)現(xiàn)全部 中文都被清空了,請(qǐng)問(wèn)怎么解決?10. 數(shù)據(jù)庫(kù) - mysql boolean型無(wú)法插入true
排行榜

熱門標(biāo)簽