CSS3 盒子方向是 CSS3 中的一個新特性，它可以控制元素中內容的排布方向，這在網頁布局中非常實用。

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

上面的代碼可以讓 .container 元素中的內容按照列的方式排布，而不是默認的行。

除了 column （列）之外，還有以下三種排布方式：

.container1 {
display: flex;
flex-direction: row;
}
.container2 {
display: flex;
flex-direction: row-reverse;
}
.container3 {
display: flex;
flex-direction: column-reverse;
}

row 是默認的排布方式，按照行排布。row-reverse 和 column-reverse 則是反轉后的行排布和列排布。

注意，使用盒子方向時，子元素的排布方式也會跟著改變。可以使用其他 CSS3 屬性來調整子元素的排布樣式和位置。