flex布局      flex : flexible box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。      flex布局原理：通过给父元素添加flex属性(display：flex；)，来控制子元素的位置和排列方式..

flex布局中如何让子元素水平垂直居中思路：先让子元素在主轴上居中对齐：justify-content: center;再让子元素在侧轴上居中对齐：align-items: center;（单行）或者align-content: center;（多行）注意：不要忘了给父元素添加display：flex；，这是开启 flex 布局的钥匙举例说明：单行子元素实现水平垂直居中：...