html - 如何在 div 中强制/包装 <img>？

Question

我有一个包装器，其中包含一堆带有 fancybox 的照片库的缩略图。

<div class="wrapper">
    <a href><img thumbnail></a>
    <a href><img thumbnail></a>
    <a href><img thumbnail></a>
    ...
</div>

包装器具有定义的宽度。缩略图的数量从 1 到 ... 不等。问题是包装内的空间最多只能容纳 7 个缩略图。所以所有超过 7 的缩略图都会显示在外面。我如何存档所有缩略图都将保留在包装器“”内，以便所有超过 7 个都隐藏起来？

非常感谢。

Answer 1

将此 css 添加到您的 .wrapper div

.wrapper {
    overflow:hidden;
}