字节面试题：flex用法，应用场景

flex 的核心的概念就是 容器 和 轴。容器包括外层的 父容器 和内层的 子容器，轴包括 主轴 和 交叉轴，可以说 flex 布局的全部特性都构建在这两个概念上。flex 布局涉及到 12 个 CSS 属性（不含 display: flex），其中父容器、子容器各 6 个。不过常用的属性只有 4 个，父容器、子容器各 2 个

设置了Flex布局后，子元素的float，clear，还有verticle-align属性都不起作用

属性说明：

父容器：

justify-content ：属性用于定义如何沿着主轴方向排列子容器。

• — flex-start：起始端对齐
• — flex-end：末尾段对齐
• — center：居中对齐
• — space-around：子容器沿主轴均匀分布，位于首尾两端的子容器到父容器的距离是子容器间距的一半。
• — space-between：子容器沿主轴均匀分布，位于首尾两端的子容器与父容器相切。

flex-wrap：