水平居中和垂直居中

水平居中：

1. inline元素：text-align:center
2. block元素：margin:auto
3. absolute：left:50% + margin-left负值

垂直居中：

1. inline元素：line-height高度等于行高height
2. absolute：top:50% + margin-top负值（需考虑子元素宽高）
3. absolute：transform(-50%,-50%) （兼容性一般，CSS3）
4. absolute：top，left，bottom，right=0 + margin:auto（最优解，兼容性好）