CSS水平居中的方法

1、margin ：0 auto；

将margin-left和margin-right属性设置为auto，从而达到水平居中的效果。

2、文字的水平居中方法：

<div class="wrap">w3cschool</div>

利用line-height设为height的一样即可：

.wrap{
  line-height: 200px;/*垂直居中关键*/
  text-align:center;
  height: 200px;
  font-size: 36px;
  background-color: #ccc;
}

padding填充

利用padding和background-clip配合实现div的水平垂直居中：

<div class="parent">
  <div class="children"></div>
</div>

参考于w3c