Html 即使在缩放后仍保持网页上的图像布局？

我目前有三个图像水平放置在一个网页上一个接一个。当用户充分放大时，页面布局会将要放置在前两幅图像下方的第三幅图像凸起。我更希望图像只是“消失”在页面边缘，这样布局就得以保持。如何指定此行为？谢谢。

将固定宽度设置为

body

或站点包装

div

。这样，浏览器的大小应该不会对站点的元素产生影响。

放入容器中并防止包装

当然，使用CSS类而不是内联样式更明智

如果您想让容器保持不可滚动状态，可以将其

溢出

样式设置为

隐藏

---

这将两种样式都设置为包含

div

元素，因此第三个元素（我使用的

span

图像的插入部分，但这并不相关）会在边缘消失。如果您尝试将

span

宽度设置为固定像素大小并放大页面，您将看到元素刚好从边缘消失。

您可以将

溢出：隐藏。这将在放大或缩小时隐藏第三个图像。
第二，固定包装的宽度和所有三个图像，并在img div上加上float。但保持第三个div的宽度比其他div小一些。
我认为这不是通过调整大小来保持整个网站结构正确的解决方案。不过，我认为这是一个很好的额外措施，以防我的解决方案在奇怪的浏览器缩放情况下证明不足
<div style="white-space: nowrap;">
    <img ... />
    <img ... />
    <img ... />
</div>