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

有问题的网站：https://s123c.github.io/design.html HTML图库列表中的随机空间，如何删除/修复？

我正在尝试制作3 x 4投资组合库中的元素列表。但是，在第一个图像和行首之间有空格（宽度为3）。我试图寻找类似的话题，但是我找不到与解决方案不匹配的问题类似的问题。

2017-02-13 s123c

欢迎来到StackOverflow！为了让我们更好地为您提供帮助，请更新您的问题，以便在[最小，完整和可验证的示例]中显示所有相关代码（http://stackoverflow.com/help/mcve）。另外请务必让我们知道您迄今为止已经尝试解决您的问题。有关详细信息，请参阅[帮助文章]（http://stackoverflow.com/help/how-to-ask），了解如何提出良好问题。 –

亚麻布是布局元素的惊人属性。我已经快速浏览了该网站，如果您只需在.css文件末尾添加ul {display：flex}，则不会再看到问题。

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

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

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

来源

2017-02-13 01:59:08 Mers

一个好的解决方案是使用像Foundation这样的框架，所以横向滚动等事情不会发生，并且会帮助您为网站创建移动版本。我相信一个框架将帮助你解决这个问题。

当然，这只会发生，如果你正确使用基础，它很容易使用。

来源

2017-02-13 01:14:03

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

.row { 
    overflow: auto; 
}

ul标签有点令人毛骨悚然，所以最好使用overflow属性来使ul列表充当块元素。

因为你漂浮在左边列出的元素，所以ul元素不会得到它的高度，所以你应该使用overflow属性。

来源

2017-02-13 06:23:38

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

回答

相关问题