Question

它正在努力，我整个晚上一直在Google上搜索。我希望所有图像彼此相邻排列并且滚动条，这样我就可以滚动（水平），就像这个site一样我正在使用Drupal并在此page我正在尝试做同样的但是它不起作用。我不能让他们彼此相邻。它可能非常简单，但我没有看到它。我以为会是：

.view-portret-studio{ overflow-x:scroll }
.view-portet-studio img{ display:inline-block }

沿着这些方向的东西，我也不想给出静态宽度，因为我不知道将上传多少张图片。

Answer 1

使用此： .view-portet-studio img {float：left; }

Answer 2

您的引用链接使用表结构具有并排结构。使用相同的。把你所有的.views-row div放在里面.view-content div ......... :)的表格的同一个tr里面。

<div class="view-content">
<table><tr>
<td><div class="views-row ...">...</div></td>
<td><div class="views-row ...">...</div></td>
<td><div class="views-row ...">...</div></td>
<td><div class="views-row ...">...</div></td>
</tr></table></div>

水平滑动照片

2 个答案: