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％，我可以通过使用border属性来解决这个问题。

有什么建议吗？

Answer 1

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

使用float属性水平对齐div是非常容易的，然后你将百分比应用于每个div和图像，这意味着当窗口大小改变时它会重新调整大小。