課程
/前端開發(fā)
/HTML/CSS
/企業(yè)網(wǎng)站綜合布局實戰(zhàn)
用li標簽寫的導航,每個導航前有自定義的小圖標,不想用float方法讓導航橫向展示,有其他方法嗎?當設置li的display屬性為inline-block時,自定義的小圖標沒有顯示。
2016-12-25
源自:企業(yè)網(wǎng)站綜合布局實戰(zhàn) 3-2
正在回答
list-style-image 屬性只對 {display: list-item;} 的元素有效。當li并沒有設置display時,默認為list-item;
但是,當你把 <li> 設置display:inline-block后,于是那個自定義的圖標就無法顯示了。
?如果設置了inline-block,可以設置ul li{background:url(list.gif) left center no-repeat;padding-left: 20px;}? 來代替list-style-image。希望對你有幫助!
舉報
本課程重點介紹HTML/CSS實現(xiàn)常見企業(yè)網(wǎng)站布局的方法
3 回答導航標題
2 回答為什么我的導航不在一行顯示?
1 回答顯示小圖片的進度條怎么自己設置寬度
4 回答導航欄中的“首頁”為什么沒有顯示在左側(cè)
2 回答導航nav
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-12-25
list-style-image 屬性只對 {display: list-item;} 的元素有效。當li并沒有設置display時,默認為list-item;
但是,當你把 <li> 設置display:inline-block后,于是那個自定義的圖標就無法顯示了。
?如果設置了inline-block,可以設置ul li{background:url(list.gif) left center no-repeat;padding-left: 20px;}? 來代替list-style-image。希望對你有幫助!