如果控件被放置在网格内,则 "高级 "选项卡中将提供动态栅格控件设置。
位置
位置设置定义网格子元素相对于网格的位置和跨度(行/列)。您可以将位置设置为自动、区域或自定义。
自动:可以设置当前元素所在列和行的跨度。每个跨度表示列/行的一个单位。例如,如果想让当前元素使用 2 列 1 行,可以设置列跨度 = 2,行跨度 = 1。这类似于合并表格的单元格。
区域: 如果已在父网格控件中定义了区域,则可以选择将当前元素放置到定义的区域中。试想一下,父网格有 4 列 5 行,您为父网格创建了 5 个区域,如下图所示:
现在您的网格结构将由这样的区域组成:
然后,你可以点击位置选项中的区域,为子元素选择区域,并从下面的下拉列表中选择特定区域。
自定义: 如果你想将当前元素放置到某些单元格中,可以选择使用自定义选项,并准确选择列和行。例如,从第 2 列到第 3 列,从第 1 行到第 4 行。
对齐
对齐属性指定网格内所选元素的垂直对齐方式。
顶部: 元素位于单元格的顶部。
中部: 元素位于单元格的中间。
底部: 元素位于单元格的底部。
拉伸: 元素的位置与单元格相匹配。
两端对齐
两端对齐属性指定网格内所选元素的水平对齐方式。
顶部: 元素位于单元格的顶部。
中部: 元素位于单元格的中间。
底部: 元素位于单元格的底部。
拉伸: 元素的位置与单元格相匹配。
排序
排序主要与响应式断点结合使用。通过它,您可以根据视口对元素进行排序/重新排序。(例如:您希望在移动视图中重新排列三个或更多元素)您可以在以下两个选项中进行选择:
顶部
底部
自定义:如果选择了自定义,则会出现以下选项:
自定义顺序 - 输入值
点击此处了解有关“排序”属性的更多信息。