HTML：具有相同宽度的图像

Question

我想要一个包含 3 个（例如）图像的页面，这些图像水平放置并且都具有相同的宽度（尽管实际图像大小可能不同）。他们可以根据图像比例改变图像高度，没有限制。

所以我使用的是宽度 = 100% [table width="100%"] 的表格。在该表中，有一行三列 (td)，每列 33% [td style="width:33%;"]。每个表格描述有一张图片，宽度我已经指定为 [img src="{{MEDIA_URL}}a.jpg" 80% style="width:80%;"] 以确保每张图片占据 80%屏幕宽度的 1/3。

它在 Mozilla 上运行良好，但在 Chrome 中，当点击刷新时，图像变得非常非常小，但在浏览器 url 上点击回车时，它运行正常。基本上它不会将表格宽度设为 100%，我可以通过使用边框属性来计算。

有什么建议吗？

Answer 1

您是否考虑过使用 css 而不是 html 来设置图像样式？

使用 float 属性水平对齐 div 相当简单，然后您可以对每个 div 和图像应用百分比，这意味着它会在窗口大小发生变化时重新调整大小。