CSS3 不定高宽垂直水平居中的几种方式

方法一：

.father {  text-align: center;}

.father::before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle;}

.son {  display: inline-block;}

方法二：

.father {    display: table;}

.son {    display: table-cell;    vertical-align: middle;      text-align: center;}