创建一个7x3网​​格的图像

Question

我试图得到一个7宽3深的图像网格。图像应完全适合3行。我无法解决CSS让它们以这种方式显示。我认为它们会自动排成水平排列，因为它们基本上是['homeUrl' => 'your/admin/index']但它们在页面中间形成一条长行（见图）。我在下面添加了我的HTML。当我inline-block或float:left;图片时，它无效。当您运行下面的代码时，您可以看到它以我想要的方式显示。

网站网址位于：

http://ec2-52-48-176-104.eu-west-1.compute.amazonaws.com

display:inline-block;

Answer 1

你的renderd html存在一些问题，一些br标记已经出现，您可以在控制台窗口中查看。

您可以使用以下css解决此问题：

#imagelist br {
    display: none;
}

Answer 2

我可以在HTML代码中的每个图片下方看到br标签。添加以下CSS代码应该有所帮助：

#imagelist br {
display:none;
}
#imagelist img {
display:inline-block;
}