垂直定心元件（jQuery的）

Question

HTML：

<ul> 
    <li><a href="#"><img src="image1.jpg" /></a></li> 
    <li><a href="#"><img src="image2.jpg" /></a></li> 
</ul> 

LI爲（60像素X 60像素）但圖像內具有不同的高度。我想，如果保證金是動態設置的，他們可以集中：

margin-top = height-of-li - height-of-img/2 

如何做到這一點與jQuery的。

非常感謝！

Answer 1

var image_height = $('li').find('img').height(); 
var padding = (60 - image_height)/2; 
$('li').find('img').css('margin-top', padding+'px'); 

請問這有幫助嗎？