Flex布局属性详解：前端开发

Flex布局是一种用于在容器中进行灵活的盒子布局的技术。它提供了一组属性，用于控制容器内子元素的排列方式和空间分配。本文将详细介绍Flex布局中常用的属性，并提供相应的源代码示例。

1. flex-direction（主轴方向）

flex-direction属性用于指定主轴的方向。它接受四个可能的值：row（默认值，主轴为水平方向）、row-reverse（主轴水平方向，但从右到左排列）、column（主轴为垂直方向）和column-reverse（主轴垂直方向，但从下到上排列）。

.container {
   
  display: flex;
  flex-direction: row;