Flexbox弹性(flex)布局提供了一套强大的工具集以供我们进行布局设计。您可以在容器（父元素）上使用一些Flexbox属性，也可以在项目（子元素）上使用一些Flexbox属性。下面就列举一些常用的属性：

容器（父元素）的属性：

1. display: flex: 这将元素设为Flex容器，并且其子元素将成为Flex项目。

2. flex-direction: 这个属性决定主轴的方向——即项目应该在哪个方向上排列。

可选参数有：row（默认值，主轴为水平方向，起点在左端）、row-reverse（主轴为水平方向，起点在右端）、column（主轴为垂直方向，起点在上沿）、column-reverse（主轴为垂直方向，起点在下沿）。

3. justify-content: 这个属性定义了项目在主轴上的对齐方式。

可选参数有：flex-start（左对齐）、flex-end（右对齐）、center（居中）、space-between（两端对齐，项目之间的间隔都相等）、space-around（每个项目两侧的间隔相等）。

4. align-items: 定义项目在交叉轴上如何对齐。

可选参数有：flex-start（交叉轴的起点对齐）、flex-end（交叉轴的终点对齐）、center（交叉轴的中点对齐）、baseline（项目的第一行文字的基线对齐）、stretch（如果项目未设置高度或设为auto，将占满整个容器的高度）

项目（子元素）的属性：

1. flex-grow: 定义项目的放大比例。默认为0，即如果存在剩余空间，也不放大。

2. flex-shrink: 定义了项目的缩小比例。默认为1，即如果空间不足，该项目将缩小。

3. flex-basis: 定义了在分配多余空间之前，项目占据的主轴空间。浏览器根据这个属性，计算主轴是否有多余空间。这个属性的默认值为`auto`。

4. flex: 是`flex-grow`, `flex-shrink` 和 `flex-basis`的简写，默认值为0 1 auto。

5. align-self: 允许单个项目有与其他项目不一样的对齐方式，可覆盖`align-items`属性。

以上就是一些常用的Flexbox属性。