CSS3 Flexbox布局是一種非常流行的布局方式，它非常適用于響應式設計和移動端開發。其中一個重要的屬性就是flex-direction，這個屬性可以控制flex容器內的子元素的排列方式，包括row、row-reverse、column、column-reverse四個值，本文主要介紹column這個值。

.flex-container {
display: flex;
flex-direction: column;
}

當我們將flex-direction設置為column時，子元素會從上到下排列。這種排列方式對于移動端開發來說非常實用，因為在豎向排列中，固定高度的元素（如圖片）可以更好地適應不同設備的屏幕大小。

使用column值還可以實現不同位置的對齊方式。我們可以使用justify-content和align-items來分別控制子元素在主軸和側軸上的對齊方式。比如，我們可以將子元素沿著主軸居中對齊，側軸的起點對齊：

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

此時，flex容器內的子元素會垂直居中，左對齊。這種排列方式使我們能夠更好地控制頁面的布局。

總之，使用flex的column值可以讓我們更好地控制子元素在豎向排列中的位置和對齊方式，進而更好地實現響應式設計和移動端開發。