zoukankan      html  css  js  c++  java
  • 图片在浏览器中底部对齐———解决方法之一

    需要在列表中显示很多图片,图片高低不同,宽度都设置一样了,要底部对齐

    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内核的就没测了肯定能用。

    期待更精简代码出现。

  • 相关阅读:
    java线程
    windows Server 安装
    nginx正则反向代理
    crontab定时任务启动脚本失败
    数据结构
    异常概念
    shell日期遍历复制文件
    多态和抽象
    图1 列出连通集
    PTA 代码注意事项
  • 原文地址:https://www.cnblogs.com/ColorUltra/p/2264116.html
Copyright © 2011-2022 走看看