首页 > 代码库 > 无序列表li横向排列的间隙问题
无序列表li横向排列的间隙问题
今天在写页面的时候,无意中遇到这样一个问题,就是无序列表li横向排列即做成导航栏时,列表项间有间隙。
如:
将列表项li变成列表块后(即将li标签设置为,display:inline-block后),会变成这样,中间会有间隙。
即便是将外边距、内边距都设为0后,还是有间隙。在调试了很久,还是没法解决这个问题,最后我改变了一下li的位置,结果可以了。我是这样做的。
改变li的位置后,结果如下:
好,问题成功解决了。不知园友们还有没有其他的好办法,欢迎指教。
无序列表li横向排列的间隙问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。