Javascript 如何通过CSS设置相同大小的徽标？

这些图像的大小都相同。 我使用GIF图像，硬盘上的图像大小为415x72

这些图像放在一个表中，我想通过css使所有图像都相同

硬盘上的图像详细信息：

view.jsp：

<%
logo ="<img src='/path/images/vendor/"+vendor.toLowerCase()+".gif' style='max-width:120px'/>";
%>

<liferay-ui:search-container-column-text name='vendor'
         cssClass="width-10" value="<%=logo%>" />

<%
logo ="<img class='img' src='/path/images/vendor/"+vendor.toLowerCase()+".gif' style='max-width:120px'/>";
%>

view.jsp：

<%
logo ="<img src='/path/images/vendor/"+vendor.toLowerCase()+".gif' style='max-width:120px'/>";
%>

<liferay-ui:search-container-column-text name='vendor'
         cssClass="width-10" value="<%=logo%>" />

<%
logo ="<img class='img' src='/path/images/vendor/"+vendor.toLowerCase()+".gif' style='max-width:120px'/>";
%>

css:

详情图片：

从外部看，图像大小相同，但从内部看，图像大小不同。我希望图像具有相同的高度和宽度，而不修改图像的纵横比。我该怎么做呢？

Css: .image容器{宽度：300px；高度：150px；文本对齐：居中；} .image容器img{高度：100%；}

Html:

---

您想要多大尺寸？您尝试过的css代码不起作用，因为您的图像没有类

img

@Coffeebean我想要一个可接受的大小，而且大小都一样。css有解决方案吗？或者我必须使用图像软件？@ovokuro我添加了img类检查更新。通过将高度和宽度设置为相同的大小，可以更改图像的纵横比。这就是它们被压扁的原因。只需更改答案的宽度并将高度设置为AutoTanks，但它不起作用。图像大小不一样，而且模糊。检查请求的结果。Html代码必须是：a

中的a

无效。徽标放在一张桌子上。检查此[链接]（）。

<%    
logo = "<div class='crop'><img class='img' src='"+logoUrl+"' style='max-width:120px;' alt='"+vendor.toLowerCase()+"'/></div>";
%>

.crop {
    width: 160px;
    height: 120px;
    overflow: hidden;
}

.crop img {
    width: 565px;
    height: auto;
    margin: -75px 0 0 -100px;
}