让图像排列在彼此之下

Question

我的图像在每行对角线左侧略微显示。如何将图像对齐在一起。

这是我的codepen的链接。 https://codepen.io/centem/pen/NgKEmG

这是我的代码。我使用bootstrap。

node_modules/webpack/bin/webpack/webpack

谢谢。

Answer 1

您的图像比li大，并且因为图像是浮动的，所以它们的高度未正确计算。您需要clear: both;您的李。

只需添加：

li {
   clear: both;
}