CSS交叉軸用于控制元素在交叉方向上的布局，并通過Flexbox布局模型實現。以下是一些關于CSS交叉軸的常見用法及代碼示例。

CSS交叉軸是Flexbox模型中控制元素在交叉方向上的布局的重要參數，它與主軸垂直，通常用于定義元素的對齊方式和尺寸。下面是一些常見的CSS交叉軸的用法和代碼示例。

/* 定義元素在交叉軸上的對齊方式 */
.container {
display: flex;
align-items: center;  /* 元素居中對齊 */
}
/* 設置元素在交叉軸上的尺寸 */
.item {
flex: 0 0 200px;  /* 寬度固定為200px */
}
/* 調整元素在交叉軸上的間距 */
.container {
display: flex;
justify-content: space-between;  /* 元素間距相等 */
}
/* 控制元素在交叉軸上的換行方式 */
.container {
display: flex;
flex-wrap: wrap;  /* 元素換行 */
}
/* 設置元素在交叉軸上的排序 */
.container {
display: flex;
}
.item:nth-child(2) {
order: 1;  /* 第二個元素先倒序 */
}

以上是CSS交叉軸的一些常見用法和代碼示例，掌握它們會使你的Flexbox布局變得更加靈活和自由。