Question

我想将8张图像放在一起分成2行，问题是在图像下面会产生5px的边距。您可以看到in the fiddle图片位于<div> 位置：relative ，这是因为我要在内部放置一个带有附加信息的隐藏框（它有效，但我没有把它添加到小提琴中，以免使事情复杂化）。

感谢您的帮助！

.projects{
    overflow:auto;
}

.project{
    width: 25%;
    float: left;
    position: relative;
}

.project img{
    width: 100%;
}

Answer 1

这是由于垂直对齐。解决此问题的简便方法是在vertical-align: top;元素上指定img：

.project img {
    vertical-align: top;
    width: 100%;
}