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

CSS-inline-block 间隙

时间:2019-01-02 01:16:00      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:display   空格   play   size   删除   取消   lin   isp   首页   

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

有间隙

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

无间隙:删除空格

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

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

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

CSS-inline-block 间隙

标签:display   空格   play   size   删除   取消   lin   isp   首页   

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

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