Jump to:

Our volunteers haven't translated this article into ไทย yet. Join us and help get the job done!
You can also read the article in English (US).

The cross axis in flexbox runs perpendicular to the main axis, therefore if your flex-direction is either row or row-reverse then the cross axis runs down the columns.

The cross axis runs down the column

If your main axis is column or column-reverse then the cross axis runs along the rows.

The cross axis runs along the row.

Alignment of items on the cross axis is achieved with the align-items property on the flex container or align-self property on individual items. In the case of a multi-line flex container, with additional space on the cross axis, you can use align-content to control the spacing of the rows.

Learn more

Property reference

Further reading

Document Tags and Contributors

ผู้มีส่วนร่วมกับหน้านี้: mdnwebdocs-bot, mfuji09, l3oxy, chrisdavidmills, rude9, rachelandrew
อัปเดตล่าสุดโดย: mdnwebdocs-bot,