图片在浏览器中底部对齐解决方法

代码如下:

$(function () {
if ($.browser.msie || $.browser.mozilla || $.browser.opera) {//ie 火狐 opera之类
$(".productli img").each(function () {
var margin = 120 - $(this).height();
$(this).css("margin-top", margin + "px");
});
}
if ($.browser.safari) {//如果是苹果或chrome浏览器
$(".productli img").load(function () {
var margin = 120 - $(this).height();
$(this).css("margin-top", margin + "px");
});
}
})

经测试以下浏览器通过
ie6、 ie8、chrome、 opear、 firefox、 qq浏览器、 360、 傲游、 苹果
百度之类ie内核的就没测了肯定能用。
期待更精简代码出现。