弯曲

弯曲是一个基本布局组件，可自适应地水平或垂直对齐子内容。弯曲为组件提供动力，如H堆栈和V堆栈.

用法

弯曲与它的两个子组件中的任何一个子组件一起使用，FlexItem（柔性项目）和FlexBlock（柔性块）.

从“@wordpress/components”导入{Flex、FlexBlock、FlexItem}；函数Example（）{返回(<弹性><FlexItem><p>代码</p></FlexItem><FlexBlock><p>诗歌</p></FlexBlock></Flex>);}

道具

align:CSSProperties['alignItems']

使用CSS Flexbox对齐子项对齐-项目。如果方向是行，或水平对齐内容，如果方向是柱.

• 必需：否
• 违约：中心

方向：响应CSS值<CSSProperties['flexDirection']>

儿童内容的流向可以通过方向.柱将垂直对齐子项，并行将使子对象水平对齐。

• 必需：否
• 违约：行

展开：布尔

扩展到最大可用宽度（如果水平）或高度（如果垂直）。

• 必需：否
• 违约：真的

间隙：数量

每个孩子之间的间距可以通过使用缺口。的值缺口作为图书馆网格系统的乘数（基础4像素).

• 必需：否
• 违约：2

justify:CSSProperties[“justify内容”]

如果方向是行，或垂直对齐内容，如果方向是柱.

• 必需：否
• 违约：间隔层

换行：布尔

确定子级是否应换行。

• 必需：否
• 违约：假