div horizontal and vertical centering issues

1.div Horizontal Center

. classname{       width:270px;       height:150px;       margin:0 Auto;   }  

2.div Vertical Center

. classname{       width:270px;       height:150px;       Position:absolute;       left:50%;       top:50%;       margin:-75px 0 0-135px;   

Set the layer to absolute positioning, left and top 50%, when negative margins are used, and negative margins are half the size of the width.

3. For jquery

$ (document). Ready (function () {                                      $ (window). Resize (function () {               $ ('. ClassName '). css ({         position: ' Absolute ', left         : ($ (window). Width ()            -$ ('. ClassName '). Outerwidth ())/2,         Top: ($ (window). Height ()           -$ ('. ClassName '). Outerheight ())/2        })                    ;     

Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.

div horizontal and vertical centering issues