CSS在div中定位图像

Question

我如何将n个图像内嵌在div内部，即使div对于所有图像都适合放入内部，我希望那些不合适的图像位于div边缘下方并消失。 例如，我有：

<div id="container">
<img1>
<img2>
<img3>
<img4>
<img5>
.... n -images
</div>

谢谢。

Answer 1

#container {
    width: 600px;
    height: 200px;
    overflow-x: hidden;
}

这将隐藏容器元素之外的任何内容。请注意，某些浏览器仍然允许用户在隐藏部分滚动，但这不应该发生在桌面浏览器上。