zoukankan      html  css  js  c++  java
  • 自定义函数,根据p个数,自适应剧中效果

    //最后投保进程line-height 自适应居中;
    function self_adaption(){
        $('.last_place').each(function(){
            var _this = $(this);
            var p_num = _this.children('p').length;
            if (p_num == '1'){
                _this.find('p').css('line-height','80px');
            }else if(p_num == '2'){
                _this.find('p:eq(0)').css('line-height','40px');
                _this.find('p:eq(1)').css('line-height','10px');
            }else if(p_num == '3'){
                _this.find('p').css('line-height','25px');
            }else if(p_num == '4'){
                _this.find('p').css('line-height','20px');
            }
        });
    }

    <div class="every_content last_place" data-order_id="2">

      <p style="line-height: 40px;">已支付</p>          //line-height  是数据处理之后的代码............

      <p style="line-height: 10px;">表单待审核</p>

    </div>

    <div class="every_content last_place" data-order_id="2">

      <p style="line-height: 40px;">已支付</p>

    </div>

    <div class="every_content last_place" data-order_id="3">

      <p style="line-height: 25px;">汇款已确认</p>

      <p style="line-height: 25px;">

        <a href="http://local.www.t9162.png" download="意外险的表单">表单已通过</a>
      </p>
      <p style="line-height: 25px;">
        <a href="http://local.w79277407.png" download="意外险--保单">
        下载保单
        </a>
      </p>

    </div>






      

  • 相关阅读:
    Intellij IDEA debug jar包
    diamond简介和使用
    dubbo配置指南
    dubbo简单配置与使用
    设计模式之策略模式
    悲观锁和乐观锁
    sql建表,建索引注意事项
    jvm 调优(2)垃圾回收算法
    jvm 调优(1)概念
    jvm 命令
  • 原文地址:https://www.cnblogs.com/pansidong/p/8352909.html
Copyright © 2011-2022 走看看