首页 > li设置display:inline后怎么显示前面小点点?

li设置display:inline后怎么显示前面小点点?

我用display:inline设置水平居中,但是前面的点不见了,我想让点显示出来,因为要用图片替换掉,下面是代码。top_nav是ul

#top_nav{float:right; margin-top:40px; text-align:center;}
#top_nav li{padding-right:15px; list-style-image: url(imges/line_nav.png); display:inline;}
#top_nav li a{text-decoration:none;font-size:14px; color:#fff; padding:5px 5px;}

用float替代display:inline


设置为行内元素后一样可以通过设置内边距➕背景图片实现你要的效果


在li上加个小点的背景图片,垂直居中就好,再给一个合适的左内边距。

【热门文章】
【热门文章】