用li标签写的导航,每个导航前有自定义的小图标,不想用float方法让导航横向展示,有其他方法吗?当设置li的display属性为inline-block时,自定义的小图标没有显示。
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。希望对你有帮助!