当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 图片在浏览器中底部对齐解决方法

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

2018年10月07日  | 移动技术网IT编程  | 我要评论

代码如下:

$(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内核的就没测了肯定能用。
期待更精简代码出现。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网