水平居中
行內(nèi)元素:
text-align: center
塊級(jí)元素:
margin: 0 auto
position定位
position: absolute
left: 50%
transform: translateX(-50%)
flex布局
display: flex
justify-content: center
垂直居中
設(shè)置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
