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

来源：好土汽车网

（1）两个元素，其中一个是块级元素，则一定会换行，换行后，上下两个元素之间会产生空白间隙行
（2）两个都是行内元素，但是行内元素的宽度超过父元素的宽度则自动换行，换行后，上下两个元素之间会产生空白间隙行

我想知道这个空白间隙行产生的原因及解决方法，哪位大神知道的，给小弟讲解下，不甚感激。

回复讨论(解决方案)

应该是浏览器的默认样式。
firebug观察下元素的样式？
一般css开头重置样式表，加入 margin:0;padding 0;啥的，去掉默认的margin和padding

其实类似这样的问题，完全可以去避免，最头疼的就是明知不可为而为之
1）既然实现的效果不再一排显示，那么你完全可以两个块级元素，或者浮动后设置宽度也行
2）子级超出父级，本身就带有兼容性问题，且在IE6下会撑开父级，你可以设置overflow:hidden

另外显示为 diplay:inline-block;的元素，同排显示，代码换行会被解析，也就是所谓的空白间隙，没什么解决方案，就是浮动，你可以把浮动理解为升级版的 diplay:inline-block;

违法及侵权请联系：TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务