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的负值)

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

转载于:https://www.cnblogs.com/chengzp/p/7896633.html