Flex是一種CSS布局方式，它可以讓元素在頁面中自適應地進行排列。想要使用Flex布局需要在父級元素的樣式中添加display: flex;。

在Flex布局中，有三個主要的元素：容器、項目和軸線。容器是所有項目的父元素，項目則是容器下的子元素。軸線則是項目在容器內的排列方向。

/* 容器樣式 */
.container {
display: flex;
flex-direction: row;  /* 軸線為水平方向 */
justify-content: space-between;  /* 項目間間隔相等 */ 
}
/* 項目樣式 */ 
.item {
flex-basis: 30%;  /* 項目所占比例為30% */
}

上述代碼中，.container類設置了Flex布局，將軸線設置為水平方向并使項目間間隔相等。.item類中，使用了flex-basis屬性來定義每個項目所占的空間比例，上述代碼中每個項目所占比例為30%。

在Flex布局中還有一些其他的屬性，如flex-wrap、align-items和align-content等，它們也能讓我們更好地控制布局。了解并使用這些屬性將會極大地提升網頁的外觀和體驗。