使用指南/创建内容/设计/对齐站点上的按钮

对齐站点上的按钮

自定义您站点上按钮的对齐方式和位置。在本指南中,您将学习如何对齐按钮以及设置各个按钮的宽度。

对齐按钮

您可以在多个按钮区块中设置按钮的宽度和位置。请按照以下步骤对齐您站点上的按钮:

  1. 使用列表视图选择多个按钮区块
“列表视图”打开,“多个按钮区块”突出显示。
  1. 在出现的工具栏中,从以下对齐方式选项中进行选择:
    • 对齐:设置按钮容器的最大宽度
    • 水平对齐:将各个按钮在多个按钮区块中左对齐、居中对齐、右对齐或等距排列。
    • 垂直对齐:将按钮在多个按钮区块中顶部对齐、中部对齐、底部对齐或拉伸填充。
多个按钮区块工具栏中的对齐方式选项。
  1. 在右侧的区块设置边栏中,选择:
    • 方向:并排(水平)或堆叠(垂直)显示按钮。
    • 允许换行:启用此选项即可在空间有限时(如在移动设备上)将按钮自动换至多行显示。  
多个按钮区块边栏设置打开,“布局”部分突出显示。

设置按钮的宽度

要设置单个按钮的宽度,请执行以下步骤:

  1. 使用列表视图选择多个按钮区块中的单个按钮。
页面编辑器的“列表视图”打开,箭头从列表视图图标指向多个按钮区块列表。
  1. 在右侧的区块设置边栏中,选择多个按钮区块容器宽度的 25%、50%、75% 或 100%
单个按钮的边栏设置,其中“宽度”选项突出显示。

重置按钮的宽度

  1. 使用列表视图选择多个按钮区块中的单个按钮。
页面编辑器的“列表视图”打开,箭头从列表视图图标指向多个按钮区块列表。
  1. 在右侧的区块设置边栏中,选择设置选项图标 ()。
  2. 点击“宽度”选项旁边的“重置”。
按钮的设置边栏打开,显示“重置”宽度的选项。
Copied to clipboard!