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

CSS - inline-block 间隙

时间:2020-03-19 22:03:36      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:add   min   ast   tle   text   splay   ali   inline   child   

间隙产生的原因是`inline-block`对外是`inline`,对内是`block`。`inline`会将连续的空白符解析为一个空格(如:下面示例的两个`li`之间的后面的换行空格)。取消间隙的方法如下: ```html Document

有间隙

  • 首页
  • 上一页
  • 1
  • 2
  • 3
  • 下一页
  • 尾页

无间隙:删除空格

  • 首页
  • 上一页
  • 1
  • 2
  • 3
  • 下一页
  • 尾页

无间隙:父元素font-size: 0px;

  • 首页
  • 上一页
  • 1
  • 2
  • 3
  • 下一页
  • 尾页
```

CSS - inline-block 间隙

标签:add   min   ast   tle   text   splay   ali   inline   child   

原文地址:https://www.cnblogs.com/jffun-blog/p/12527249.html

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