CSS—flex布局水平垂直居中

父元素设置display:flex+justify-content:center子元素自动水平居中，如果要垂直也居中则还要设置align-items:center或者align-content:center此时子元素都水平垂直居中。

如果单独设置元素垂直居中可以给子元素设置align-self:center，垂直轴为主轴时也是一样。