在網頁開發中，通過CSS可以控制頁面元素的樣式和排版，其中Flex布局是一種常用的排版方式。在Flex布局中，主軸是指控制Flex元素方向的軸線，而默認情況下主軸的方向是水平的。但是有時候，我們需要改變主軸方向，這時候可以通過CSS3來實現。

在CSS3中，可以使用flex-direction屬性來控制主軸方向，該屬性有4個可選值：row、row-reverse、column、column-reverse。其中，row表示主軸水平方向，row-reverse表示主軸水平方向且反向，column表示主軸垂直方向，column-reverse表示主軸垂直方向且反向。

.container{
display: flex; /* 設置元素為Flex布局容器 */
flex-direction: column; /* 改變主軸方向為垂直 */
}

在上面的代碼中，我們將display屬性設置為flex，將該元素設置為Flex布局容器。然后，通過flex-direction屬性將主軸方向設置為column，從而改變了主軸方向為垂直方向。

通過以上方式，可以輕松地改變Flex布局中主軸的方向，從而滿足不同的排版需求。