2019独角兽企业重金招聘Python工程师标准>>> 
jQuery.fn.center &＃61; function () {this.css("position","absolute");this.css("top", ( $(window).height() - this.height() ) / 2&＃43;$(window).scrollTop() &＃43; "px");this.css("left", ( $(window).width() - this.width() ) / 2&＃43;$(window).scrollLeft() &＃43; "px");return this;
}//Use the above function as:
$(element).center();
另外还有一些其他的实现方法
any height
any content, for example generated from DB
everything is vertically centered
html{height: 100%;}
body {height: 100%;}
#outer {height: 600px; overflow: visible;width: 100%;position: relative;} /* or without overflow */
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; width: 100%;position:static;}
#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */
转载自:http://www.9958.pw/post/jquery_center
京公网安备 11010802041100号