zoukankan      html  css  js  c++  java
  • js高度line-height及宽度text-align:center居中插件

    1.高度居中---在高度设为100%,无法直接使用line-height:100%;会不起效果

    这是用于应对height:100%的插件

    /**
         * 高度居中函数,用于应对高度设为100%时的居中
         * 而如果需要让height:100%生效,需要使用html,body{height:100;}来设置
         */
        $.fn.hMiddle=function(){
         $htmlLength=    this.height();
         this.css('line-height',$htmlLength+'px');
        };

    2.宽度居中----在浮动后,通常我们想从新设置宽度,text-align;

    /**
         * 用于应对浮动后元素的行内元素的居中问题,只支持一个div内有一个行内元素的情况
         * 支持设置块级元素相对于行内元素的倍率
         */
        $.fn.fCenter=function(options){
            settings=$.extend({
                over:1.8
            },options);
            $f= this.children().width();
            this.css('width',$f*settings.over+'px');
        };
  • 相关阅读:
    java 通过Iterator输出Map
    java SortedSet接口swap方法
    java vector
    java Iterator双向迭代输出
    java 序列化和反序列化多个对象
    培训
    每天晚上

    又想起了

  • 原文地址:https://www.cnblogs.com/zuoxiaobing/p/3518205.html
Copyright © 2011-2022 走看看