横向网站/单排表

Question

我目前正在建立一个网站来容纳我的艺术作品。对于我的投资组合页面，我使用的是一个单行的表，并希望它在该行中有无限数量的列部分。不幸的是，我只获得了4张照片，第5张自动被推到下面，好像它正试图开始新的一行。我不太清楚如何解决这个问题。我没有一定数量的照片放入表格，我会添加越来越多，所以我想插入表格中的imgs数量没有实际限制。任何帮助将不胜感激。

谢谢你， 斯蒂芬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>

这应该将您的图像保存在一行中。不需要使用表格，而是使用ul＆gt; li，它更简单。

Answer 2

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

也许拥有一台影像服务器是最好的。