css居中方法详解

水平居中：

通过设置父元素，让子元素内容居中：text-align:center;

通过设置子元素本身，让子元素居中：margin:0 auto;

以上方法生效的前提条件是子元素没有被float元素影响。

垂直居中：

一种方法是通过line-height属性，但是line-height是作用在父元素上，当子元素的line-height值与父元素的height值一致时，文字就垂直居中了。

还有一种方法是通过position属性，这种方法可以说是万能的

父元素加上：position:relative;

子元素使用：position:absolute;(防止子元素飘到外太空去)；

     width:xxxpx;

    height:xxxpx;

top:50%;

left:50%;

margin-top:-height/2(height值除以2的负值)

margin-left:-width/2(width值除以2的负值)

缺点就是必须对元素有确定的宽高值