Divider 分割线
横 / 竖分割线，3 种线型，可带标签和位置控制。
基础用法
无 prop 渲染一条横向实线，把上下文档结构隔开。
分割上下两段文字
下面这一段是另一组内容
<p>第一段</p>
<CfDivider />
<p>第二段</p><p>第一段</p>
<CfDivider />
<p>第二段</p>三种线型
variant —— solid 实线（默认）/ dashed 虚线 / dotted 点线。default slot 是中部标签。
solid 实线（默认）
dashed 虚线
dotted 点线
<CfDivider variant="solid">solid 实线</CfDivider>
<CfDivider variant="dashed">dashed 虚线</CfDivider>
<CfDivider variant="dotted">dotted 点线</CfDivider><CfDivider variant="solid">solid 实线</CfDivider>
<CfDivider variant="dashed">dashed 虚线</CfDivider>
<CfDivider variant="dotted">dotted 点线</CfDivider>标签对齐
align —— start / center（默认）/ end，控制中部标签的水平位置。
左对齐
居中（默认）
右对齐
<CfDivider align="start">左对齐</CfDivider>
<CfDivider align="center">居中</CfDivider>
<CfDivider align="end">右对齐</CfDivider><CfDivider align="start">左对齐</CfDivider>
<CfDivider align="center">居中</CfDivider>
<CfDivider align="end">右对齐</CfDivider>竖向分割
orientation="vertical" 切换成竖线，行内插入用于分隔单行多段文字。竖向也支持 variant。
左侧中间右侧
<span>左侧</span>
<CfDivider orientation="vertical" />
<span>中间</span>
<CfDivider orientation="vertical" variant="dashed" />
<span>右侧</span><span>左侧</span>
<CfDivider orientation="vertical" />
<span>中间</span>
<CfDivider orientation="vertical" variant="dashed" />
<span>右侧</span>API
| Prop | 类型 | 默认值 | 说明 |
|---|---|---|---|
orientation | 'horizontal' | 'vertical' | 'horizontal' | 方向 |
variant | 'solid' | 'dashed' | 'dotted' | 'solid' | 线型 |
align | 'start' | 'center' | 'end' | 'center' | 标签位置（仅 horizontal） |
反馈与讨论
Divider 分割线 的讨论