CSS3 盒子方向是 CSS3 中的一個(gè)新特性，它可以控制元素中內(nèi)容的排布方向，這在網(wǎng)頁(yè)布局中非常實(shí)用。

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

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

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

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

row 是默認(rèn)的排布方式，按照行排布。row-reverse 和 column-reverse 則是反轉(zhuǎn)后的行排布和列排布。

注意，使用盒子方向時(shí)，子元素的排布方式也會(huì)跟著改變。可以使用其他 CSS3 屬性來(lái)調(diào)整子元素的排布樣式和位置。