栅格

此节点用于在有间隙的列中布局内容。

栅格 节点没有附加任何自己的样式。相反，它使用 布局字符串 将其所有子项排列到动态布局中。

布局排列

布局排列的值是一个“数字字符串”，用空格隔开。每个数字都表示整个容器宽度的一小部分，并转换为一列。布局字符串为"1 2 1"且包含3个子项的，3个子项的宽度分别为25%、50%、25%，栅格节点预览效果如下所示：

响应式布局

使用"最小列宽"值

使列响应的最简单方法是设置 最小列宽 值。这将检查列是否适合指定的 布局字符串。如果容器在列处于"最小宽度"时无法容纳这些列，则布局将折叠成列数较少的网格。

确保您传递的子对象的宽度设置为其父对象的 100%。

使用不同的布局字符串

高级响应布局可以通过使用 状态 节点和 [媒体查询] 预制块向 布局字符串 输入传递不同的值来轻松创建。

确保您传递的子对象的宽度设置为其父对象的 100%。

输入

属性	描述
边距排列	确定子级渲染到的列的大小和布局。
水平间距	栅格之间的水平间距（以“px”为单位）。
垂直间距	栅格之间的垂直间距（以“px”为单位）。
布局方向	如果列应该水平或垂直呈现。
最小宽度	栅格在折叠成具有较少列的布局之前允许的最小值。
装载	栅格节点是否应在应用程序中呈现。
内容对齐方式	未填充行中的子项的位置。