水平居中
行内元素:
text-align: center
块级元素:
margin: 0 auto
position定位
position: absolute
left: 50%
transform: translateX(-50%)
flex布局
display: flex
justify-content: center
垂直居中
设置line-height 等于height
height: 30px
line-height: 30px
position定位
position：absolute
top: 50%
transform: translateY(-50%)
flex布局
display: flex
align-items: center
display的table写法
display: table
display: table-cell
vertical-align: middle
