水平网站/单行表

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。

也许有一个镜像服务器是最好的。