子div 居中

1.（使用絕對布局）： 這種方式的弊端是：必須要知道這個容器的長寬，因為在子元素中的    margin-top:-100px;    margin-left:-100px; 這兩個樣式分别是子元素長、寬的一半。

2.萬能方式：仍然是絕對布局，讓left和top都是50%，這在水準方向上讓div的最左與螢幕的最左相距50%，垂直方向上一樣，是以再用transform向左（上）平移它自己寬度（高度）的50%，也就達到居中效果了，效果圖和上方相同。//這種方式很好的避免了方式一的弊端，不需要知道自己的長寬，一樣可以定位到中間

3.萬能方法（使用彈性布局flex） //這種方式比較通用：這樣給父元素設定了三個樣式display:flex;(彈性布局)    justify-content:center;(内容水準居中)   align-items:center; (内容垂直居中) 就可以達到水準、垂直居中的效果

4.方法四（使用絕對布局） //使用這種方式的要領是：子絕父相，且子元素要設定以下的樣式position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; 就可以達到居中效果