为了账号安全,请及时绑定邮箱和手机立即绑定

自定义导航小图标的显示

用li标签写的导航,每个导航前有自定义的小图标,不想用float方法让导航横向展示,有其他方法吗?当设置li的display属性为inline-block时,自定义的小图标没有显示。

正在回答

1 回答

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。希望对你有帮助!


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

自定义导航小图标的显示

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信