首页 / JQUERY / 图片在浏览器中底部对齐解决方法之一_jquery

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了图片在浏览器中底部对齐解决方法之一_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含695字，纯文字阅读大概需要1分钟。

内容图文

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

内容总结

以上是互联网集市为您收集整理的图片在浏览器中底部对齐解决方法之一_jquery全部内容，希望文章能够帮你解决图片在浏览器中底部对齐解决方法之一_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/314503.html

来源：【匿名】