jquery - 横向网站/单行表

Question

我目前正在制作一个网站来存放我的艺术作品集。对于我的投资组合页面，我使用的是一个单行表格，并希望它在该单行中有无限数量的列部分。不幸的是，我在一行中只得到了 4 张照片，而第 5 张自动被推到下面，就好像它正在尝试开始新的一行一样。我不太确定如何解决这个问题。我没有固定数量的照片要放入表格中，我会添加越来越多，因此我想插入表格中的 img 数量可能没有真正的限制。任何帮助将不胜感激。

谢谢你，斯蒂芬·K。

Answer 1

在CSS中

ul.infinte{
white-space: nowrap;
overflow-x: auto;
}
ul.infinte li{
display: inline-block;
}

在html中

<ul class="infinite">
<li><img src="image1.jpg" /></li>
<li><img src="image2.jpg" /></li>
<li><img src="image3.jpg" /></li>
<li><img src="image4.jpg" /></li>
...
<li><img src="image999.jpg" /></li>
<ul>

这应该将您的图像保持在一行中。不用table，用ul>li，更简单。

Answer 2

您将需要一些更复杂的东西，而不仅仅是标签来不断地接受照片并将照片添加到表格行中。尽管可以根据您拥有的照片数量动态创建带有标签的表格，但您很快就会发现这不是一个可扩展的解决方案：D。

也许最好有一个图像服务器。