ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## Divider 分割线 区隔内容的分割线。 对不同章节的文本段落进行分割。 对行内文字/链接进行分割,例如表格的操作列。 ![](https://img.kancloud.cn/ad/cd/adcd9ded0c7564b817d9c543dc251304_1914x164.png) ### 代码示例 ```html <div> Steven Paul Jobs was an American entrepreneur and business magnate. He was the chairman, chief executive officer, and a co-founder of Apple Inc. <cvu-divider margin="10px 0"></cvu-divider> Steven Paul Jobs was an American entrepreneur and business magnate. He was the chairman, chief executive officer, and a co-founder of Apple Inc. </div> ``` 标题位置 ![](https://img.kancloud.cn/ed/3f/ed3f85074decf7fac303300abc39246f_1908x320.png) - 标题位于左侧 ```html <cvu-divider orientation="left">Left Text</cvu-divider> ``` - 标题位于中间(默认) ```html <cvu-divider orientation="center">Center Text</cvu-divider> ``` - 标题位于右侧 ```html <cvu-divider orientation="right">Right Text</cvu-divider> ``` 垂直分割线 ![](https://img.kancloud.cn/3e/c3/3ec34b246db27cd29fb27c3dc0e33bd5_1917x83.png) >[info] `type`设置为`vertical` ```html <cvu-divider type="vertical" /> ``` ### props | 属性 | 说明 | 类型 | 默认值 | | --- | --- | --- | --- | | type | 水平还是垂直类型,可选值为 horizontal 或 vertical | String | horizontal | | orientation | 分割线标题的位置,可选值为 left、right 或 center | String | center | | dashed | 是否虚线 | Boolean | false | | plain | 文字是否显示为普通正文样式 | Boolean | false | | size | 尺寸,可选值为 small 或 default | String | default | | margin | 间距 | String | 0px |