CSS居中

1.水平居中
（1）行内元素：

.father{ text-align: center;}

（2）块级元素：

.son{ margin: 0 auto;}

（3）多于一个块级元素：

.father {
  text-align: center;
}
.son {
  display: inline-block;
}

使用flex box

father {
  display: flex;
  justify-content: center;
}

2.垂直居中
CSS垂直居中的11种实现方式http://www.cnblogs.com/zhouhuan/p/vertical_center.html

有一些实际原理重复