码迷,mamicode.com
首页 > 其他好文 > 详细

无序列表li横向排列的间隙问题

时间:2017-07-02 23:16:28      阅读:369      评论:0      收藏:0      [点我收藏+]

标签:blog   外边距   line   一个   .com   页面   bsp   lock   images   

  今天在写页面的时候,无意中遇到这样一个问题,就是无序列表li横向排列即做成导航栏时,列表项间有间隙。

  如:

  技术分享

  将列表项li变成列表块后(即将li标签设置为,display:inline-block后),会变成这样,中间会有间隙。

  技术分享

  即便是将外边距、内边距都设为0后,还是有间隙。在调试了很久,还是没法解决这个问题,最后我改变了一下li的位置,结果可以了。我是这样做的。

  技术分享

  改变li的位置后,结果如下:

  技术分享

  好,问题成功解决了。不知园友们还有没有其他的好办法,欢迎指教。

 

无序列表li横向排列的间隙问题

标签:blog   外边距   line   一个   .com   页面   bsp   lock   images   

原文地址:http://www.cnblogs.com/jf-67/p/7107251.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!