实现盒子居中的方法

实现盒子居中的方法

水平居中：

1.给要居中的盒子加margin：0 auto；属性。
2.给父盒子加text-align:center;要居中的盒子加display：inline-block；

垂直居中

1.利用position，子绝父相。要居中盒子top：50%；margin-top：-盒子高度的一半；
2.给父盒子加vertical-align：middle；display:table-cell；