只列举最简单最常用的

水平居中

• 行内元素：text-align:center
• 块级：margin:0 auto
• 外层是非position:static，内部设置position:absolute，然后先left:50%，最后transform(-50%,0)
• 外层设置display:flex和justify-content: center

垂直居中

• 行内单行 line-height设置为外层的高度，多行设置为高度除以行数
• 外层是非position:static，内部设置position:absolute，然后先top:50%，最后transform(0,-50%)
• 外层设置display:flex和align-items: center

水平垂直

• 外层是非position:static，内部设置position:absolute，然后先left:50%; top:50%，最后transform(-50%,-50%)
• 外层设置display:flex和align-items: center;justify-content: center