# 文本省略 Ellipsis

适用于单行或者多行文本的末尾需要有省略号的情况

# 用法

适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况
适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况
适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况
<!-- 单行 -->
<c-ellipsis :rows="1" html="适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况"></c-ellipsis>
<!-- 如果需要行内展示,需自行加上行内样式 -->
<c-ellipsis :rows="1" style="display: inline-block;width: 600px;" text="适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况"></c-ellipsis>
<!-- 多行 -->
<c-ellipsis :rows="3" text="适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况"></c-ellipsis>

# 配置项

参数 说明 类型 可选值 默认值
text 纯文本内容 string - -
html 作为 html 渲染的内容 - - -
rows 最多展示多少行,溢出的文本会加上省略号,默认值是 0,表示不加省略号 number - 0