不同的定位于布局之下， CSS居中对齐的所有应用场景（仅仅针对单元素）

1 flex布局

2 文本居中对齐， 行高设置为父容器高度

3 元素宽度（高度）设置为固定长度， 然后margin设置为auto； 这里需要根据水平居中对齐还是竖直居中对齐选择margin-left， margin-right还是margin-top， margin-bottom

4 绝对定位：left：50%， top%， 然后通过transform属性来进行调整偏差： translatex(-50%), translatey(-50%）