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

有一些实际原理重复