水平居中
行內(nèi)元素:?text-align:center
塊級元素:?margin:0 auto
絕對定位和負(fù)邊距:?absolute + margin
flex布局:?flex + justify-content:center
絕對定位和移動:?absolute + transform
垂直居中
子元素為單行文本:?line-height
absolute + transform
flex + align-items:center
table:?display:table-cell; vertical-align: middle
利用position和top和負(fù)margin
水平垂直居中
1. 已知元素寬高:絕對定位+margin:auto:
2. 已知元素寬高: ?絕對定位+負(fù)margin
3. absolute+transform
4.flex + justify-content + align-items