水平并垂直居中一个元素

1、加定位子绝父相，上下左右都为0，margin：auto；

2、加定位子绝父相，left：50%；top：50%； ，transform：translate（-50%，-50%）；

3、弹性盒布局

4、将小盒子转为行内块，在小盒子后面加上一个空span，给小盒子添加vertical-align：middle；给大盒子添加行高line-height=大盒子高度，text-align：center；

5、用网格布局grid