不定宽高
1.定位+margin:auto
2.定位+transform
3.定位+margin:负值
4.f1ex布局
5.grid布局
内联元素
水平居中
l.行内元素可设置：text-align:center
2.flex布局设置父元素：display:flex;justify-content:center
垂直居中
1.单行文本父元素确认高度：height==line-height
2.多行文本父元素确认高度：disaply:table-cell,vertical-align:middle
块级元素
水平居中
1.定宽：margin:0auto
2.绝对定位+left:50%+margin:负自身一半
垂直居中
l.position:absolutei设置left、top、margin-left、margin-top(定高)
2.display:table-cell
3.transform:translate(x,y)
4.flex(不定高，不定宽)
5.grid(不定高，不定宽)，兼容性相对比较差