如何使用flex进行布局

使用 Flex 布局的步骤如下：

1. 将容器的 display 属性设置为 flex：

   .container {
     display: flex;
   }
   

2. 可以通过设置 flex-direction 属性来决定布局方向：

• row：水平布局，默认值。
• row-reverse：水平反向布局。
• column：垂直布局。
• column-reverse：垂直反向布局。

3. 可以通过设置 justify-content 属性来决定主轴的对齐方式：

• flex-start：左对齐，默认值。
• flex-end：