CSS中为什么设置元素为inner-block，元素之间会有间隔

69 阅读 0 评论 46 点赞

我是靠谱客的博主落寞高跟鞋，最近开发中收集的这篇文章主要介绍CSS中为什么设置元素为inner-block，元素之间会有间隔，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

刚开始在CSS文件中设置内外边距为0

*{
margin: 0;
padding: 0;
}

但是，在浏览器上显示时，各个元素设置为inner-block，排列时候还是会有间隔。
解决方法：
1.可以设置为浮动float，然后添加clear：both；来清楚浮动。
2.改变外边距，将外边距设置为负的：margin：-7px 0px；（相对于浏览器来说，外边距差不多是7~8px，如果大可以调成5 ~6px）
3.设置元素字体大小为0 font-size：0px；

我当时用的是改变其外边距为-的。
这里说一下元素继承：
外层元素的元素会被内层元素所继承，多个外层元素，样式会叠加到内层元素；

参考链接：
如何解决inline-block元素的空白间距 css 完美解决
如何去除内联元素（inline-block元素）之间的间距