css 元素换行产生空白间隙问题

（1）两个元素，其中一个是块级元素，则一定会换行，换行后，上下两个元素之间会产生空白间隙行（2）两个都是行内元素，但是行内元素的宽度超过父元素的宽度则自动换行，换行后，上下两个元素之间会产生空白间隙行我想知道这个空白间隙行产生的原因及解决方法，哪位大神知道的，给小弟讲解下，不甚感激。

2026年09月23日 09:58

有3个网友回答

网友（1）：

inline-block本身会自带空隙或者block块级元素和其他元素之间因为空白而产生间隔。

容器设置font-size:0;子容器再设置font-size即可

如：

html结构举例：

    后面的span换行有空隙可根据下面的css设置修正

    测试

css举例：
#box{font-size:0}
#box div{font-size:14px;}
#box span{font-size:12px;}

网友（2）：

那个间隙是默认的。所以一般你写之前，让所有元素的间隙都复为0；
*{margin:0; padding:0}
之后你再根据需要的，给予元素间隙

希望能够帮到你！

网友（3）：

　　那个间隙是默认的。所以一般写之前，让所有元素的间隙都复为0。

　　css是英文Cascading Style Sheets的缩写。
　　它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
　　CSS格式设置规则由选择器和声明两部分组成，其中选择器是标识格式元素的术语（如p、h1、类名或id），声明用于定义元素样式。