处理不同高度/宽度的多个图像

Question

我已经收到了许多高度和宽度的徽标（有些很高，有些很宽，高度最小）需要在表/网格中显示。

是否有办法将它们设置为一定的高度/宽度而不会导致失真或图像被切断。

希望看到一个CSS解决方案，但即使是一个可能有用的软件。

Answer 1

如果你想要CSS解决方案，这可能会有所帮助，因为它会使你的图像具有相同的高度和宽度。

 <div id="logo"><img src="image.jpg"></div>
    #logo { position: relative; height: 100px; width: 200px; }
    #logo img { position: absolute; left: 0; top: 0; }

这样您将从图像的顶部和左侧部分显示相同的图像。

此代码来自其他解决方案，此处是该解决方案的完整网址[How to set an image's width and height without stretching it?

[1]：How to set an image's width and height without stretching it?希望对你有用