文字居中

【水平居中】

代碼：

【垂直居中】

使行高的高度等于整個塊級元素的高度（有局限性：文字只有一行時適用）

代碼：

塊級元素

方法一： 使用margin屬性的auto來自動水平居中。（有局限性：只有子元素的寬度 比父元素的寬度小才生效）

代碼：

方法二： 給子元素設置為相對定位，向右移動50%（left）,再用margin-left偏移負的子元素寬度的一半。當設置垂直居中時，需要設置父元素為相對定位，子元素絕對定位，原理和水平一樣（如果設置子元素為相對定位，則子元素的margin會傳遞到父元素中生效，所以不會產生預想的效果） 注意：如果想讓頁面自動居中，當設置margin屬性為auto時，不能再設置浮動或絕對定位屬性。

代碼：