Css 带浮动的图像之间的边距:左

Css 带浮动的图像之间的边距:左,css,css-float,margin,Css,Css Float,Margin,我想把8张图片全部放在两行中,问题是在图片下面生成了5px的边距。您可以看到图像位于一个带有position:relative的中,这是因为我将在其中放置一个包含其他信息的隐藏框(它可以工作,但我没有将其添加到小提琴中以避免使事情复杂化) 谢谢你的帮助 .projects{ 溢出:自动; } .项目{ 宽度:25%; 浮动:左; 位置:相对位置; } .img项目{ 宽度:100%; } 这是由于垂直对齐造成的。解决这个问题的一个简单方法是指定垂直对齐:top在您的img元素上: .projec

我想把8张图片全部放在两行中,问题是在图片下面生成了5px的边距。您可以看到图像位于一个带有position:relative的
中,这是因为我将在其中放置一个包含其他信息的隐藏框(它可以工作,但我没有将其添加到小提琴中以避免使事情复杂化)

谢谢你的帮助

.projects{
溢出:自动;
}
.项目{
宽度:25%;
浮动:左;
位置:相对位置;
}
.img项目{
宽度:100%;
}

这是由于垂直对齐造成的。解决这个问题的一个简单方法是指定
垂直对齐:top在您的
img
元素上:

.projectimg{
垂直对齐:顶部;
宽度:100%;
}

.

谢谢你,詹姆斯!你帮了大忙,但我正在努力理解背后的原因,我不明白。。。这是怎么发生的?提前谢谢!