跳转到主要内容
高级控件设置:网格子项

解锁网格子项配置的高级控件设置。轻松优化布局精度并简化定制。

超过 6 个月前更新

如果一个控件被放置在网格中,网格子项设置将在高级选项卡中可用。

位置

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

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

  2. 区域:如果您已从父网格控件定义了区域,则可以选择将当前元素放置在其中一个定义的区域中。假设父网格有4列和5行,并且您已为父网格创建了5个区域,如下所示:您的网格结构现在将使用区域组织,如下所示:然后,您可以通过单击位置选项中的区域并从下拉列表中选择特定区域来为子元素选择区域。

  3. 自定义:如果您想将当前元素放置在特定单元格中,您可以选择使用自定义选项,并精确选择列和行。例如,从第2列到第3列,并从第1行开始到第4行。


对齐

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

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

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

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

  4. 拉伸:元素被拉伸以适应单元格。


调整

调整属性指定了网格中所选元素的水平对齐方式。

  1. 开始:元素位于单元格的开头。

  2. 居中:元素位于单元格的中心。

  3. 结束:元素位于单元格的末尾。

  4. 拉伸:元素被拉伸以适应单元格。


顺序

顺序主要与响应式断点结合使用。这允许您基于视口对元素进行排序/重新排序。(例如:您希望在移动视图中重新排列三个或更多元素)您可以在以下选项之间进行选择:

  1. 开始

  2. 结束

  3. 自定义 - 如果选择自定义,则将出现以下选项: 自定义顺序 - 输入值

在此了解有关顺序属性的更多信息

这是否解答了您的问题?