一 盒子垂直居中的方法
1.先让盒子的上下边缘和父盒子的水平中心线重叠,然后再让子盒子往回移动自身的一半距离。
2.使用表格的vertical-align:middle;display:table-cell; 实现盒子垂直居中
3使用margin计算盒子的上下边距,使盒子居中
二 盒子水平居中的方法
1.使用margin :0 auto;
2.使用margin左右边距
3.先让盒子左右边缘和父盒子垂直的中心线重叠,然后把子盒子往回移动自身的宽度的一半;
4把盒子转换成行内块 ,然后使用text-align 属性使盒子水平居中。