CSS交叉軸是指Flexbox布局中，與主軸（定義了Flex容器元素沿著其方向排列的方向）垂直的軸線。簡單來說，就是容器內部與主軸方向垂直的方向。

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

在默認情況下，Flexbox容器內元素的交叉軸方向是沿著容器的高度方向排列。如果需要改變交叉軸方向，可以使用“flex-direction”屬性，將容器的主軸和交叉軸進行交換。

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

在上面的例子中，容器的主軸和交叉軸方向進行了交換，將交叉軸方向沿著垂直方向排列。此時，在容器內部的子元素中，由于沒有指定寬度，他們默認會沿著交叉軸方向進行等寬排列。

總的來說，Flexbox布局中，主軸和交叉軸協作，決定了Flex容器內部元素的排列方式。對于交叉軸而言，它是與主軸垂直的方向，而我們可以通過指定屬性，改變交叉軸方向的排列方式，從而創建出多樣化的布局效果。