查看“︁Flex layout”︁的源代码

= Basics =
If “regular” layout is based on both block and inline flow directions, the flex layout is based on “flex-flow directions”. 


[[文件:Flex-basis.svg|400px|thumb]]


= Flex properties =
== Direction ==

This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Flexbox is (aside from optional wrapping) a single-direction layout concept.

[[Image:flex-direction.svg|200px|thumb]]

<syntaxhighlight lang="css">
.container {
  flex-direction: row | row-reverse | column | column-reverse;
}
</syntaxhighlight>