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

有关地点：

---

我试图在一个3 x 4的公文包库中列出一些元素。但是，在第一个图像和行的开头之间有空格（3个项目的宽度）。我曾尝试寻找类似的主题，但由于解决方案不匹配，我找不到与我的问题类似的内容。

一个好的解决方案是使用类似的框架，这样水平滚动就不会发生，并将帮助您创建网站的移动版本。 我相信一个框架会帮助你解决这个问题

---

当然，这只会发生在使用正确的基础上，使用起来很容易。

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

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

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

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

---

您不需要使用任何东西，只需在样式代码中插入这一行即可。 显示表格、表格行和表格单元格有时会导致问题，所以最好使用带有浮动元素的列表

.row {
    overflow: auto;
}

ul标记有点令人毛骨悚然，因此最好使用overflow属性使ul列表充当块元素

---

由于您将列表元素浮动到左侧，因此ul元素无法获得其高度，因此应使用溢出属性。

欢迎使用StackOverflow！为了让我们更好地帮助您，请更新您的问题，使其在一个列表中显示所有相关代码。另外，请务必让我们知道您迄今为止为解决问题所做的努力。有关更多信息，请参阅关于如何提出好问题的。