DIV水平 垂直居中CSS

/*實現1、原理：要讓div等塊級元素水平和垂直居中，必需知道該div等塊級元素的寬度和高度，而後設置位置爲絕對位置，距離頁面窗口左邊框和上邊框的距離設置爲50%，
這個50%就是指頁面窗口的寬度和高度的50%，最後將該div等塊級元素分別左移和上移，左移和上移的大小就是該div等塊級元素寬度和高度的一半。該方法使用廣泛，
可是前提是必需設置div等塊級元素的寬度和高度。若是當頁面div等塊級元素寬度和高度是動態的，比方說須要彈出一個div等塊級元素元素層而且要居中顯示，
div等塊級元素的內容是動態的，因此寬度和高度也是動態的，這時須要用jQuery能夠解決居中。*/
.mycss{ 
   width:300px;  
   height:200px;  
   position:absolute;  
   left:50%;  
   top:50%;  
   margin:-100px 0 0 -150px 
} 

/*實現二原理：利用CSS的margin設置爲auto讓瀏覽器本身幫咱們水平和垂直居中*/
.mycss{
    position: absolute;
    left: 0px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 200px;
    width: 300px;
}