自定义导航小图标的显示
来源：3-2 企业网站制作之页面头部制作（一）
qincai
2016-12-25 09:59
用li标签写的导航，每个导航前有自定义的小图标，不想用float方法让导航横向展示，有其他方法吗？当设置li的display属性为inline-block时，自定义的小图标没有显示。
写回答
关注
1回答
-
- Gall
- 2016-12-25 21:57:13
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实现常见企业网站布局的方法
157042 学习 · 1984 问题
相似问题