关于CSS中的居中方法

文字居中

【水平居中】

代码：

【垂直居中】

使行高的高度等于整个块级元素的高度（有局限性：文字只有一行时适用）

代码：

块级元素

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

代码：

方法二： 给子元素设置为相对定位，向右移动50%（left）,再用margin-left偏移负的子元素宽度的一半。当设置垂直居中时，需要设置父元素为相对定位，子元素绝对定位，原理和水平一样（如果设置子元素为相对定位，则子元素的margin会传递到父元素中生效，所以不会产生预想的效果） 注意：如果想让页面自动居中，当设置margin属性为auto时，不能再设置浮动或绝对定位属性。

代码：