×

图片在浏览器中底部对齐

作者:天空2018.01.11来源:Web前端之家浏览:12693评论:0
关键词:JQueryJS
图片在浏览器中底部对齐,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内核的就没测了肯定能用。
期待更精简代码出现。

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/svg1488211200828.html

网友评论文明上网理性发言 已有0人参与

发表评论: