html - HTML 图库列表中的随机空间，如何删除/修复？

Question

有问题的网站:https://s123c.github.io/design.html

我正在尝试在 3 x 4 Portfolio Gallery 中列出元素。但是我在第一个图像和行的开头之间有空格(宽度为 3 个元素)。我试图寻找类似的主题，但我找不到任何与我的问题类似的内容，因为解决方案不匹配。

Answer 1

Flaxbox 是布局元素的一个了不起的属性。我快速浏览了该网站，如果您只是在 .css 文件末尾添加 ul {display: flex}，您应该不会再看到该问题。

或者删除#gallery 的任何当前布局代码并添加以下内容。

.container-a4 {
  display: table;
}
.caption-style-4 {
  display: table-row;
}

.caption-style-4 li {
  display: table-cell;
}