css居中

水平居中

文本, inline inline-block 父元素 text-align: center

单个block 子元素 width:100px; margin:0 auto;

多个block 把子元素变inline 父元素 text-align:center; 子元素 display:inline | inline-block;

用绝对定位实现 top,left 是相对于父元素的; margin 或 transform 是相对于自身的

flex

垂直居中

文本, inline inline-block 父元素 line-height 等于 height / 行数

单个block 用绝对定位实现

flex