FlexWrap 是一个 Angular 2 的 Flexbox 包装器

我推荐您阅读以下指南，以熟悉 flexbox CSS 的含义，并更好地了解您何时想要使用这些指令。https://css-tricks.cn/snippets/css/a-guide-to-flexbox/

用法

要创建一个 flexbox 容器，请使用 "flex" 属性指令。要在 flexbox 容器内创建一个 flexbox 项目，请使用 "flexItem" 属性指令。

示例用法

<div flex flexJContent="center">
  <div flexItem flexGrow=2>
    Test
  </div> <!-- flexbox Item -->
</div> <!-- flexbox container -->

flex 属性用于定义如何设置 'flex-flow'。
默认情况下，flex 将其自身设置为 'row'。可选地，它可以配置为以下之一

还可以使用一些可选属性...

属性	默认	描述
flexWrap	False (nowrap)	可以是 true 或 false 以切换 wrap/nowrap 到 flex-flow 样式。
flexJContent	'flex-start'	配置 justify-content 样式。
flexAItems	'stretch'	配置 align-items 样式。
flexAContent	'stretch'	配置 align-content 样式。

flexItem 属性用于设置 min-width、max-width 和 flex-basis 样式。默认设置为 'auto'，但可以接受任何用于尺寸的 CSS 字符串，例如 '10px'。

还可以使用一些可选属性...