CSS3中的flex布局是一種強大的布局方式，它將容器分成了主軸和交叉軸兩個方向，并提供了多個屬性來控制布局。其中，flex屬性就是一個復合類型屬性，下面我們一起來學習一下它的用法。

.container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

上面的例子中，.container是一個容器元素，我們使用了flex屬性來控制它的布局。具體來說：

1. display: flex表示將該元素設置為flex容器。

2. flex-direction: row表示將主軸設置為水平方向，交叉軸設置為垂直方向。如果將其設置為column，則主軸為垂直方向，交叉軸為水平方向。

3. justify-content: center表示在主軸上居中對齊。還可以選擇其他對齊方式，如flex-start（起點對齊）、flex-end（終點對齊）、space-between（兩端對齊）、space-around（元素間隔相等）等。

4. align-items: center表示在交叉軸上居中對齊。還可以選擇其他對齊方式，如flex-start（起點對齊）、flex-end（終點對齊）、stretch（拉伸填充容器）等。

通過設置這些屬性，我們可以快速、方便地控制元素在flex容器中的布局。如果你想深入了解flex布局的用法，建議參考這篇文章。