自定義導(dǎo)航小圖標(biāo)的顯示
用li標(biāo)簽寫的導(dǎo)航，每個導(dǎo)航前有自定義的小圖標(biāo)，不想用float方法讓導(dǎo)航橫向展示，有其他方法嗎？當(dāng)設(shè)置li的display屬性為inline-block時，自定義的小圖標(biāo)沒有顯示。
qincai
2016-12-25
1 回答
舉報
0/150
提交
取消
2016-12-25
list-style-image 屬性只對 {display: list-item;} 的元素有效。當(dāng)li并沒有設(shè)置display時，默認(rèn)為list-item；
但是，當(dāng)你把 <li> 設(shè)置display：inline-block后，于是那個自定義的圖標(biāo)就無法顯示了。
?如果設(shè)置了inline-block，可以設(shè)置ul li{background:url(list.gif) left center no-repeat；padding-left: 20px;}? 來代替list-style-image。希望對你有幫助！