js高度及宽度居中插件
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.宽度居中----在浮动后,通常我们想从新设置宽度
/** * 用于应对浮动后元素的行内元素的居中问题,只支持一个div内有一个行内元素的情况 * 支持设置块级元素相对于行内元素的倍率 */ $.fn.fCenter=function(options){ settings=$.extend({ over:1.8 },options); $f= this.children().width(); this.css(‘width‘,$f*settings.over+‘px‘); };
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。