css - 如何摆脱溢出的div行之间的垂直边距？

Question

我有一长串被内联阻塞的 div 溢出到下一行。即使我将边距设置为 0，我也会得到行之间的边距：http: //jsfiddle.net/szUPZ/。

* {
    padding: 0;
    margin: 0;
}
.box {
    width: 100px;
    height: 100px;
    border: 1px solid black;
    display:inline-block;
}

#container {
    width: 300px;
    height: 500px;
    border: 2px solid red;
    overflow: auto;
}

如何强制溢出行的边距为 0？

Answer 1

使用垂直对齐顶部，它适用于内联/内联块元素。

.box {vertical-align:top}

Answer 2

1.float:left;加入.box

2.vertical-align:top加入.box

3.font-size:0px;加入#container

和许多其他方法:)