我有 3 张水平堆叠的图片(每张图片都紧挨着另一张)。 我的目标是在缩小页面大小时让这些图像水平堆叠。 我希望图片能够自动调整大小而不将其分解到下一行。 我不想使用百分比 (%) 作为图像的大小。我根本不想设置图像的大小。
当我使用 bootstrap 并缩小页面时，当页面尺寸变得小于图片尺寸时， 然后右边的图像换行，第二张图像发生同样的事情，直到所有图像垂直堆叠。 在这一点上，当我进一步缩小页面时，我得到了我想要的结果——图片根据页面大小调整大小。
请帮助我在不将图片换行的情况下实现这种行为。
这是我的 html:
<body>
<img src="img/test.png" />
<img src="img/test.png" />
<img src="img/test.png" />
</body>
谢谢...
最佳答案
将图像包装在任何容器中，例如 div，然后根据您想要的行为有两种选择:
a) 为容器设置一个 css min-width 属性，不要让它变得比这更窄。 b) 为容器设置一个 css overflow-x 属性，让图像隐藏、显示滚动条、...
关于javascript - 缩小浏览器页面时自动调整图片大小而不换行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18282533/