行微件

“行”微件是一个布局容器,可用于在页面上的对齐行中并排放置和组织内容。行由多列格网组成,该格网可帮助您均匀放置水平组织的微件。

三列格网逻辑示意图

示例

使用此微件可支持以下应用程序设计要求:

  • 您想要将页面元素(例如图像及其描述)水平对齐。
  • 您正在设计一个全屏页面,并且想要将其某些内容组织在均匀分布的行中。

用法说明

“行”微件具有 12 列格网。格网中所有列的大小均相等,且大小将根据“行”微件的大小以及您指定的间距和填充设置进行调整。间距和填充空间在格网中很明显,将微件移动至行中时即会显示。添加微件并重新放置时,它们会捕捉到行的格网。您可以将添加到行中的微件的大小设置为跨格网中的一列或多列。

在设计页面时,您可以将其他布局微件添加到一行中(例如“列”微件)以进行其他控制。

设置

“行”微件包括以下设置:

  • 间距 - 指定嵌套微件之间的间隔(以像素为单位)。例如,如果希望微件边缘接触,请将间距值更改为 0
  • 填充 - 更改“行”微件内边界周围默认的 10 像素填充空间,以调整行边界与其嵌套微件边界之间的间距。可按像素或百分比调整任意一侧(上下左右)的填充。可锁定独立填充,以同步所有侧的填充;为一侧输入一个值时,所有侧都将更新以匹配。填充将自动应用于嵌套在行中的一组微件。

在本主题中
  1. 示例
  2. 用法说明
  3. 设置