Question

如何去掉div之间的空隙 html

如何去掉div之间的空隙 html css

Answer 1

我也曾经遇到这样的问题，我来告诉你为什么吧，你用display:inline-block之后，元素将会变成行内块元素，而行内元素之间是肯定会有间隙的，比如说两张图片之间，两个是行内元素的表单之间等等，都会有间隙。网上查了一些资料，说是浏览器解析的时候，会把行内元素（包括行内块元素）之间的回车换行符解析成一定的间隙，间隙的大小跟默认的字体大小设置有关。如果不写字的话，你可以将其父元素加上font-size：0的属性，这样就不会有间隙了，注意哦，如果有字，就会看不见了。

Answer 2

float: left;

Answer 3

去掉display属性、改为float:left;

追问

谢谢。。我发现连在一起就没有间隙。怪怪的。。能告诉我为什么我这么写会有间隙吗。

追答

inline-block,将div变为行内块元素、行内块元素后面自带换行符。要是改为、display:inline;应该也不会有间隙。

Answer 4

利用浮动，float:left

Answer 5

float:left;