固定大小的容器中的不同图像大小

Question

我在用户上传图像后重新调整图像大小以保持其宽高比但不超过200像素宽或200像素高。

然后我在ASP.Net Image控件中显示图像。如何防止图像影响周围元素？我尝试设置控件的Width属性和Height属性，但这只是重新调整图像本身的大小。有没有办法将控件包装在具有固定宽度/高度的div中？

非常感谢

Answer 1

一种方法是根据宽高比调整图像大小，但留下边框以填充200x200大小。然后可以将其嵌入具有相同尺寸的页面中，而不会影响布局。

或者，您只需将周围overflow的{​​{1}}属性设置为隐藏，然后设置div div即可。但是，这取决于如何看待它。类似的东西：

Width/Height

如果您实际上是想要将图片大小<div style="overflow: hidden; width: 200px; height: 200px"> ... </div> x 200px全部显示 - 那么只需将400px设置为Width。