css弹性布局的使用

弹性布局,是一种 CSS 布局模式，用于创建自适应和可伸缩的布局。它提供了一种简单而强大的方式来对容器中的子元素进行布局，使它们能够自动调整大小、排列和对齐1。

Flexbox 通过在容器和子元素上应用一些特定的 CSS 属性来实现布局。以下是一些常用的 Flexbox 属性1：

• display: 指定容器为 Flex 容器。
• flex-direction: 指定子元素的排列方向。
• flex-wrap: 指定子元素是否换行。
• justify-content: 指定子元素在主轴上的对齐方式。
• align-items: 指定子元素在交叉轴上的对齐方式。
• align-content: 指定多行子元素在交叉轴上的对齐方式。