网格

此功能仍处于实验阶段。“实验性”意味着这是一个早期的实施,可能会发生重大的突破性变化。

网格是一个基本布局组件,可以在网格配置中排列内容。

用法

导入{__experimentalGrid作为Grid,__将文本作为文本进行实验,}来自“@wordpress/components”;函数Example(){返回(<网格列={3}><Text>代码</Text><Text>是</Text><文本>诗歌</网格>);}

道具

align:CSS['alignItems']

调整子对象的块对齐方式。

  • 必需:否

对齐:网格对齐

调整子对象的水平和垂直对齐方式。

  • 必需:否

columnGap:CSSProperties[“gridColumnGap”]

调整网格-柱-地图.

  • 必需:否

列:数字

调整网格.

  • 必需:否
  • 默认值:2

间隙:数量

每个孩子之间的差距。

  • 必需:否
  • 违约:

isInline:布尔值

更改CSS显示网格内联网格.

  • 必需:否

justify:CSS[“justify内容”]

调整子级的内联对齐方式。

  • 必需:否

rowGap:CSSProperties['gridRowGap']

调整网格式地图.

  • 必需:否

行:数字

调整网格.

  • 必需:否

模板列:CSS['gridTemplateColumns']

调整CSS网格模板-列.

  • 必需:否

templateRows:CSS['gridTemplateRows']

调整CSS网格模板卷.

  • 必需:否