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%)