Trục chéo

Trục chéo (cross axis) trong flexbox chạy vuông góc với trục chính, do đó nếu flex-direction của bạn là row hoặc row-reverse thì trục chéo chạy theo chiều cột.

Nếu trục chính của bạn là column hoặc column-reverse thì trục chéo chạy theo chiều hàng.

Việc căn chỉnh các mục trên trục chéo được thực hiện bằng thuộc tính align-items trên flex container hoặc thuộc tính align-self trên các mục riêng lẻ. Trong trường hợp flex container nhiều dòng với không gian bổ sung trên trục chéo, bạn có thể sử dụng align-content để kiểm soát khoảng cách giữa các hàng.