CSS div居中的幾種方法
方法壹：對div使用絕對布局position:absolute;並設置top，left，right，bottom的值相等，但不壹定都等於0；並且設置margin:auto。
方法二：這個方法要知道div的寬度和高度。對div使用絕對布局position:absolute;並把top和left的值都設置為50%；50%就是指頁面窗口的寬度和高度的50%；最後將div左移和上移，左移和上移的大小為div寬度和高度的壹半。
其中 margin-left：-100px 和 margin-top：-100px 可以寫成 margin：-100px ?0px ?0px ?-100px
方法三：div使用絕對定位position：absolute，並且設置left和top的值都為50%。使用css3的transform屬性。transform：translate（-50%，-50%）。
以上3種方法的效果如下顯示
若有兩個div，裏面小的div相對於外面大的div水平垂直居中對齊，有以下幾種方法。
方法壹：利用position和margin：auto實現。父元素設置position：relative；子元素設置position：absolute，並設置top，left，right，bottom值相等。
方法二：使用position。父元素設置position：relative；子元素設置position：absolute。並設置top和left為50%，並設置左移和上移為子元素的大小的壹半。
方法三：使用display：flex。這種方法需要設置瀏覽器的兼容性。
方法四：使用transform：translate（）。父元素設置position：relative；子元素設置position：absolute。並設置top和left為50%。最後設置transform：translate（-50%，-50%）。
以上四種方法的效果圖如下顯示
今天就跟大家分享這麽多~如果妳有更好的方法，請在下方留言