问一排流体图像

EN

我遇到了一个小小的问题，不知为什么，我不知道如何解决。这可能是这样的情况之一，它看起来很简单，但不可能实现。问题是：

，

• ，我想在一个div中添加几张图片。它们需要在

，

• 之间没有间隔，div有一个百分比宽度设置，所以当它达到某个点时，我希望这些图像开始变小。现在发生的情况是，当div不能再包含图像时，图像就会垂直下降。

要使图像缩小，诀窍是在css文件中添加img { max-width: 100%；}，但在这种情况下不起作用。我想问一下，有没有人知道这个问题的简单解决方案？我可以尝试将每个图像的最大宽度设置为不同的数字，这取决于它们的宽度，但我认为计算将在某些浏览器中关闭(我们都知道有些浏览器如何处理百分数和小数位)。

提前感谢

不工作的例子：

<div style="width:40%"><img src="img1.jpg" /><img src="img2.jpg" /></div>
CSS: img { max-width: 100%; }

备注:这是一个完美的单一图像，所以我正在寻找一些简单的东西，为多个图像。

工作实例：

<div style="width:40%"><img src="img1.jpg" style="width:47.88%" /><img src="img2.jpg" style="width:52.12%" /></div>

注释:计算百分比宽度是一种痛苦，我不确定它是否在所有情况下都有效。