检测图像的高度

我的项目中有几个图像（具有不同的大小），并改善了我为这些图像设置此CSS的页面布局：

#Banners { max-width: 250px; max-height: 350px; border: 1px solid #fff; box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; } .float { float: left; } 

但是有些图像小于350px ，它们所在的容器的min-height设置为360px ，然后它在我的页面上留下了一个空白区域。 所以我想获得图像的实际height （传递CSS代码后的height ）并使用jQuery将容器min-height设置为等于图像height 。 如何通过CSS传递图像height ？

Answer 1

下面的代码应该这样做，但是我不确定为什么你需要将min-height设置为等于图像的高度。

 $(document).ready(function () { $("#Banners").css("min-height", $("#img_id").outerHeight()); });