css - 纯 css 方式使图像适合一行

Question

是否有一种纯 css 方法可以使图像适合大小可变的容器中的一行？

我有一排想要调整的图像。

我知道有 2 种方法可以让图像连续排列。如果我将图像宽度设置为百分比，即 width: 20%，那么如果屏幕很宽，图像就会变得非常大，或者如果显示器很小，图像就会变得非常小。如果我将图像设置为绝对宽度，即 width: 100px;，那么图像将以我想要的大小显示。但是容器并没有完全装满，右边有不合时宜的剩余空间。

现在我正在使用 javascript 根据用户屏幕宽度调整百分比宽度。

是否有一种纯 css 方法来控制图像的显示方式，这样如果屏幕较宽，可以将更多图像放入一行而不是将它们放大，但仍然确保所有图像都紧贴容器而不需要剩余空间。

Answer 1

您可以为每个图像容器添加 float 属性( float :左)。见http://css.maxdesign.com.au/floatutorial/tutorial0407.htm