问答详情
源自:3-2 企业网站制作之页面头部制作(一)

自定义导航小图标的显示

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

提问者:qincai 2016-12-25 09:59

个回答

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