CSS交叉軸是指Flexbox布局中，與主軸（定義了Flex容器元素沿著其方向排列的方向）垂直的軸線。簡(jiǎn)單來(lái)說(shuō)，就是容器內(nèi)部與主軸方向垂直的方向。

Flexbox布局是基于主軸和交叉軸的布局。主軸和交叉軸相互作用，決定了Flex容器內(nèi)部元素的排列方式。

在默認(rèn)情況下，F(xiàn)lexbox容器內(nèi)元素的交叉軸方向是沿著容器的高度方向排列。如果需要改變交叉軸方向，可以使用“flex-direction”屬性，將容器的主軸和交叉軸進(jìn)行交換。

.container {
display: flex;
flex-direction: column; /* 將主軸沿著垂直方向排列 */
}
.item {
flex: 1;
}

在上面的例子中，容器的主軸和交叉軸方向進(jìn)行了交換，將交叉軸方向沿著垂直方向排列。此時(shí)，在容器內(nèi)部的子元素中，由于沒(méi)有指定寬度，他們默認(rèn)會(huì)沿著交叉軸方向進(jìn)行等寬排列。

總的來(lái)說(shuō)，F(xiàn)lexbox布局中，主軸和交叉軸協(xié)作，決定了Flex容器內(nèi)部元素的排列方式。對(duì)于交叉軸而言，它是與主軸垂直的方向，而我們可以通過(guò)指定屬性，改變交叉軸方向的排列方式，從而創(chuàng)建出多樣化的布局效果。