js高度及宽度居中插件

时间:2014-01-16 20:20:57   收藏:0   阅读:477

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

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

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

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

bubuko.com,布布扣
/**
     * 用于应对浮动后元素的行内元素的居中问题,只支持一个div内有一个行内元素的情况
     * 支持设置块级元素相对于行内元素的倍率
     */
    $.fn.fCenter=function(options){
        settings=$.extend({
            over:1.8
        },options);
        $f= this.children().width();
        this.css(‘width‘,$f*settings.over+‘px‘);
    };
bubuko.com,布布扣

原文:http://www.cnblogs.com/zuoxiaobing/p/3518205.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!