Flex layout:修订间差异

来自WHY42
Riguz留言 | 贡献
标签2017版源代码编辑
Riguz留言 | 贡献
标签2017版源代码编辑
第11行: 第11行:
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.
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|400px|thumb]]
[[Image:flex-direction.svg|200px|thumb]]

2024年12月8日 (日) 15:15的版本

Basics

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



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.