元素 — 分隔条
创建对象：
- 初学者
- 中级
- 用户
使用 分隔线 内容类型添加规则作为Page Builder 阶段中内容部分之间的可视分隔符。 可以指定分隔线的线颜色、厚度和宽度。 您还可以控制对齐方式、设置边距和填充以及容器边框的格式。 默认情况下，分隔线是扩展容器整个宽度的细线规则，其中允许使用边距。
尽管大多数分隔线容器是不可见的，但下面的示例用红色虚线边框显示容器，以便您查看分隔线、内边距和容器之间的关系。 可以调整分隔线顶部和底部的内边距，以控制元素之间的间距。
NOTE分隔线工具箱
NOTE添加分隔条
-
在Page Builder面板中，展开 Elements 并将 Divider 占位符拖到舞台上的行、列或选项卡集中。
在将分隔线放置在舞台上的另一个内容容器之前或之后时，请使用红色准则作为参考。
在以下示例中，分隔符标记了文本新部分的开始。
-
要指定新分隔符的设置，请按照以下步骤操作。
更改分隔线设置
-
将鼠标悬停在分隔线容器上以显示工具箱，然后选择 设置 （
-
使用以下方法之一更改分隔线 Line Color：
- 请输入有效的HTML颜色名称。 例如，
Teal。 - 输入十六进制颜色值。 例如，
#008080。
完成后，单击 Apply。
- 请输入有效的HTML颜色名称。 例如，
-
输入 Line Thickness 像素。
-
要指示度量单位，请输入 Line Width，然后输入
px或%。
-
根据需要更新 Advanced 设置。
-
若要控制分隔线在父容器中的位置，请选择 Alignment：
选项描述Default应用在当前主题的样式表中指定的对齐默认设置。Left将列表沿父容器的左边框对齐，并允许使用指定的任何边距。Center将列表与父容器的中心对齐，并允许使用指定的任何边距。Right沿父容器的右边框对齐块，并允许指定的任何边距。在下例中，选项设置为使用分隔线的中心对齐。
-
设置应用于分隔线容器所有四个边的 Border 样式：
选项描述Default应用关联样式表指定的默认边框样式。None不提供任何容器边框的可见指示。Dotted容器边框显示为虚线。Dashed容器边框显示为虚线。Solid容器边框显示为实线。Double容器边框显示为双线。Groove容器边框显示为一条开槽线。Ridge容器边框显示为脊线。Inset容器边框显示为内嵌行。Outset容器边框显示为外线。 -
如果设置了除
None之外的边框样式，请完成边框显示选项：选项描述Border Color通过选择色板、单击拾色器或输入有效的颜色名称或等效的十六进制值来指定颜色。Border Width输入边框线条宽度的像素数。Border Radius输入像素数，以定义用于使边框每个角倒圆角的半径大小。 -
（可选）从当前样式表中指定要应用于容器的 CSS classes 的名称。
用空格分隔多个类名。
-
输入 Margins and Padding 的值（以像素为单位）以确定分隔线容器的外边距和内边距。
在图表中输入相应的值。
容器区域描述Margins应用于容器所有边的外边缘的空白空间量。 选项：Top/Right/Bottom/LeftPadding应用于容器所有边的内边缘的空白空间量。 选项：Top/Right/Bottom/Left
-
-
完成后，单击 Save 以应用设置并返回到Page Builder工作区。
复制分隔条
对于具有特定设置的格式化分隔条，制作重复项比使用新的占位符从头开始更有效。
-
将鼠标悬停在分隔线容器上以显示工具箱并选择 复制 （
重复分隔线容器显示在原始分隔线的正下方。
-
将鼠标悬停在新分隔线容器上以显示工具箱，然后选择 移动 （
-
选择并拖动分隔线，直到红色基准线标记新位置。
移动分隔线时，每个容器的顶边框和底边框显示为虚线。
