在使用display将元素设置为行内元素的同时(例如:inline、inline-block等),将margin全部设置为0,padding全部设置为0的时候,我发现了元素之间居然还存在着间隙!!!???如下图所示:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2246ced427082519cd7c647051094293.png)
原因
之所以存在间隙是由于元素标签之间留有空白字符造成的。
解决方案
1、第一种
消除元素标签之间的空白字符,把标签连在一起。
2、第二种:
第一步:在这些行内元素的父元素上设置font-size设置为0;
第二步:在行内元素上设置正常的字体显示大小,例如:font-size:14px;
如下图显示:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/38ed061c96fd0f04fff72ad07c8caaa1.png)
这个时候行内元素之间的间隙就消失不见了!