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

ttx9n

需要在列表中显示很多图片，图片高低不同，宽度都设置一样了，要底部对齐 style="vertical-align:bottom;"不管用，上网搜索说要用js实现，找了个代码，测试不成功，主要是代码太多太乱没法心情测试了。
于是就自己写吧。
复制代码 代码如下:
$(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内核的就没测了肯定能用。
期待更精简代码出现。

z80vh

撒旦撒旦撒擦擦擦擦

dingzhi521

灌灌灌灌水

5vulod

谢谢分享，先下来用用

qwe520

刷屏刷屏刷屏

i3x3r3

谢谢下载来看看

z835648964

来看看怎么样

gc4hg

2222222222222222

nwk53kbd

好人好人好人好人

pb_tjc

你们谁看了弄洒了可能