Flexbox是CSS提供的一种布局方式，通过设置元素的display属性为flex使其成为flex容器，容器内的子元素可通过flex相关属性进行对齐、排序和空间分配。可以用*选择器为所有元素设置box-sizing为border-box。当父元素（如app）设置为flex容器后，其直接子元素成为flex项目。Flex项目的排列方向默认为row（水平左至右），也可设置为row-reverse（水平右至左）、column（垂直上至下）或column-reverse（垂直下至上）。通过order属性可以调整项目的排列顺序，例如，order设为负值会将元素置于首位。使用flex-wrap控制项目换行显示，默认为nowrap（不换行），可设置为wrap使项目换行。flex-flow是flex-direction和flex-wrap的简写形式，其第一个值是方向，第二个值是换行设置。