css水平居中，垂直居中，两种左右结构，两种左中右结构，一行省略、多行省略

水平居中

1， text-align: center
2,  magin: 0 auto
3， flex布局，设置justify-content: center

垂直居中

1， line-height 单行居中
2， 给父元素设置padding：.px 0
3,  flex布局，设置align-items: center
4， position：absolute，top:50%,transform:translate(-50%)