跳转到主要内容
高级设置:动态栅格
一周前更新

如果控件被放置在网格内,则 "高级 "选项卡中将提供动态栅格控件设置。


位置

位置设置定义网格子元素相对于网格的位置和跨度(行/列)。您可以将位置设置为自动、区域或自定义。

自动:可以设置当前元素所在列和行的跨度。每个跨度表示列/行的一个单位。例如,如果想让当前元素使用 2 列 1 行,可以设置列跨度 = 2,行跨度 = 1。这类似于合并表格的单元格。

区域: 如果已在父网格控件中定义了区域,则可以选择将当前元素放置到定义的区域中。试想一下,父网格有 4 列 5 行,您为父网格创建了 5 个区域,如下图所示:

现在您的网格结构将由这样的区域组成:

然后,你可以点击位置选项中的区域,为子元素选择区域,并从下面的下拉列表中选择特定区域。

自定义: 如果你想将当前元素放置到某些单元格中,可以选择使用自定义选项,并准确选择列和行。例如,从第 2 列到第 3 列,从第 1 行到第 4 行。


对齐

对齐属性指定网格内所选元素的垂直对齐方式。

  1. 顶部: 元素位于单元格的顶部。

  2. 中部: 元素位于单元格的中间。

  3. 底部: 元素位于单元格的底部。

  4. 拉伸: 元素的位置与单元格相匹配。


两端对齐

两端对齐属性指定网格内所选元素的水平对齐方式。

  1. 顶部: 元素位于单元格的顶部。

  2. 中部: 元素位于单元格的中间。

  3. 底部: 元素位于单元格的底部。

  4. 拉伸: 元素的位置与单元格相匹配。


排序

排序主要与响应式断点结合使用。通过它,您可以根据视口对元素进行排序/重新排序。(例如:您希望在移动视图中重新排列三个或更多元素)您可以在以下两个选项中进行选择:

  1. 顶部

  2. 底部

  3. 自定义:如果选择了自定义,则会出现以下选项:

    自定义顺序 - 输入值

点击此处了解有关“排序”属性的更多信息。

这是否解答了您的问题?