Flex是CSS的一個強大的布局工具，可以讓我們更好地控制頁面的布局和排列。Flex布局有三個重要的概念：容器、項目和軸。

容器是我們要進行布局的父元素，在容器上使用display:flex屬性即可開啟Flex布局。

.container {
display: flex;
}

項目則是容器中的子元素，可以使用flex屬性來設置項目的寬度、高度、與其他項目之間的空間等。

.item {
flex: 1; /* 設置為1，則會自動平分剩余的空間 */
margin: 10px;
}

軸是指Flex布局中的主軸和交叉軸，主軸是從左往右或者從上往下的方向，交叉軸則是與主軸垂直的方向。我們可以使用justify-content和align-items屬性來設置主軸上和交叉軸上的對齊方式。

.container {
display: flex;
justify-content: center; /* 主軸居中對齊 */
align-items: center; /* 交叉軸居中對齊 */
}

總的來說，Flex布局在響應式布局、頁面自適應等方面都有著很大的優勢，因此我們在實際開發中應該充分利用它的特性。