布局 — 选项卡

在​ Layout ​下的Page Builder面板中，将​ Tabs ​占位符直接拖到舞台上，或拖到舞台上的行或列上。

{width="600" modal="regular"}

单击​ Tab 1 ​标签以显示单个选项卡工具箱，然后选择​ 设置 （ {width="20"} ）图标。

输入要用作标签的​ Tab Name。

{width="600" modal="regular"}

如果需要，请输入选项卡的​ Minimum Height。

此值可以是具有任何有效CSS单位（如100px、50%、50em、100vh）的数字，也可以是计算（如100vh - 237px）。

选择​ Vertical Alignment ​设置以对齐添加到选项卡的任何内容容器（“顶部”、“中心”或“底部”）。

如果需要，请按照以下部分设置其他选项：

• Background
• Advanced

单击右上角的​ Save ​以应用设置并返回到Page Builder工作区。

将鼠标悬停在选项卡容器上以显示工具箱，然后选择​ 添加 （ {width="20"} ）图标。

单击​ Tab 2 ​标签以显示光标，并为选项卡输入您自己的标签。

再次单击舞台上的第二个选项卡，然后选择​ 复制 （ {width="20"} ）图标。

单击YourName Copy ​标签以显示光标，并为第三个选项卡输入您自己的标签。

单击要移动的选项卡。

选择选项卡标签文本前显示的​ 移动 （ {width="20"} ）图标，并将其拖动到选项卡集内的新位置。

单击要在其中添加内容的选项卡。

在Page Builder面板中，展开​ Elements ​并将​ Text ​占位符拖到选项卡中。

在编辑器中输入或粘贴一些文本，并根据需要使用编辑器工具栏设置格式。

有关使用文本内容类型的详细信息，请参阅元素 — 文本。

{width="500" modal="regular"}

单击右上角的​ Save。

将鼠标悬停在单个选项卡上以显示工具箱，然后选择​ 设置 （ {width="20"} ）图标。

如果需要，请更改选项卡的任何基本设置：

• Tab Name — 输入选项卡标签的修订文本。 您还可以直接在舞台上修改标签。

• Minimum Height — 如果要覆盖自动高度，请输入像素。 例如，您可以设置与背景图像高度匹配的最小高度，以确保完整图像可见。

• Vertical Alignment — 选择添加到选项卡的内容容器的垂直位置。

使用以下部分根据需要更改其他设置，以了解详细信息。

完成后，单击​ Save ​以应用设置并返回到Page Builder工作区。

将鼠标悬停在选项卡集容器的顶部边框上以显示工具箱，然后选择​ 设置 （ {width="20"} ）图标。

如果需要，请更改​ Default Active Tab。

在集中选择加载页面时要处于活动状态的选项卡。

如果要覆盖选项卡集的自动高度，请输入​ Minimum Height（以像素为单位）。

若要沿选项卡集顶部定位导航选项卡，请选择​ Tab Navigation Alignment （Left、Center或Right）。

{width="500" modal="regular"}

为选项卡集设置高级选项：

• 若要控制标签集在父容器中的位置，请选择​ Alignment：

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  选项	描述
  Default	应用在当前主题的样式表中指定的对齐默认设置。
  Left	沿父容器的左边框对齐选项卡集，并允许指定的任何边距。
  Center	将选项卡集对齐父容器的中心，并允许指定的任何边距。
  Right	沿父容器的右边框对齐选项卡集，并允许指定的任何边距。

• 设置应用于选项卡容器所有四个侧面的​ Border ​样式：

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  选项	描述
  Default	应用关联样式表指定的默认边框样式。
  None	不提供任何容器边框的可见指示。
  Dotted	容器边框显示为虚线。
  Dashed	容器边框显示为虚线。
  Solid	容器边框显示为实线。
  Double	容器边框显示为双线。
  Groove	容器边框显示为一条开槽线。
  Ridge	容器边框显示为脊线。
  Inset	容器边框显示为内嵌行。
  Outset	容器边框显示为外线。

• 如果设置了除None之外的边框样式，请完成边框显示选项：

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  选项	描述
  Border Color	通过选择色板、单击拾色器或输入有效的颜色名称或等效的十六进制值来指定颜色。
  Border Width	输入边框线条宽度的像素数。
  Border Radius	输入像素数，以定义用于使边框每个角倒圆角的半径大小。

• （可选）从当前样式表中指定要应用于选项卡容器的​ CSS classes ​的名称。

  用空格分隔多个类名。

• 输入​ Margins and Padding ​的值（以像素为单位）以确定制表符容器的外边距和内边距。

  在选项卡容器图表中输入相应的值。

  table 0-row-2 1-row-2 2-row-2 layout-auto
  容器区域	描述
  Margins	应用于容器所有边的外边缘的空白空间量。 选项： Top / Right / Bottom / Left
  Padding	应用于容器所有边的内边缘的空白空间量。 选项： Top / Right / Bottom / Left

完成后，单击​ Save ​以应用设置并返回到Page Builder工作区。