flex布局（弹性布局）

display:flex; 在父元素设置，子元素受弹性盒影响，默认排成一行，如果超出一行，按比例压缩

flex:1; 子元素设置，设置子元素如何分配父元素的空间，flex:1,子元素宽度占满整个父元素

align-items:center 定义子元素在父容器中的对齐方式，center 垂直居中

justify-content:center 设置子元素在父元素中居中，前提是子元素没有把父元素占满，让子元素水平居中。