码迷,mamicode.com
首页 > Web开发 > 详细

关于css中列表(ul ol)存在默认间距的问题

时间:2016-08-05 15:25:32      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:

一、总结:

有时候我们要给列表(ul ol 本身就是属于块级元素)的上表框或下边框设置颜色,如下:

技术分享

 

但是在给内联块级元素(inline-block)的上表框或下边框设置颜色的时候,就没有这么简单:

技术分享

在前辈的博客中了解到:ul或ol中的li与li之间之所以会有间隙,是因为空白符引起的。

技术分享

因为我们一般都是一行一个li,换行都会产生空白符。上面的日历也可以看到每个数之间有明显的间隙。

 

解决办法:将ul或ol的font-size设置为0,消去空白间隙,重新在给li定义字体的大小。

修改后的效果:

技术分享

需要注意的是要让数字之间隔一定距离,通过设置每个li的内边距来实现效果,用外边距会实现和上面那种边框之间不连续的效果。

技术分享

 

关于css中列表(ul ol)存在默认间距的问题

标签:

原文地址:http://www.cnblogs.com/yy95/p/5741304.html

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