元素水平垂直居中方法5种

水平垂直居中的方法:

1.绝对定位：上下左右都为0、margin:auto

2.绝对定位上左为50%,并向左上平移50%(transform:translate(-50%,-50%))

3.弹性盒：主轴交叉轴center

4.将小div转成行内块 display：inline-box

在小div后，新增span标签（其实不用），给小盒子设置vertical-align:middle 给大盒子设置line-height为大盒子高度，text-align:center

5.使用网格布局