让一个盒子居中的方法

1、标准流

宽度已知的块级元素：margin：auto

行内元素：text-align：center

宽度不确定的块级元素：转换为行内块元素display：inline-block；text-align:center

2、flex布局

justify-content:center(主轴上居中)；align-items：center（侧轴上居中）

3、定位（子绝父相）

宽度已知：top：50%；left：50%；margin-left：-1/2（自身宽度）；margin-top：-1/2（自身高度）

宽度未知：top：50%； left：50%； transform：translate（-50%，-50%）（移动自身高宽的负50%）