@icedesign/ellipsis

多行文字控制展示组件

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@icedesign/ellipsis
Minified + gzip package size for @icedesign/ellipsis in KB

Readme


title: Ellipsis category: Components chinese: 多行文字控制


多行文字控制展示组件。

注意:由于控制每行显示字符数需要获取宽度,因此当前组件外层包裹的元素必须是 div、p 等块级元素,如果包裹 a、span 等需要通过 CSS 控制外层元素为 display: inline-block; 或者 display: block 类型。如果你很难理解这句话,就直接用 div 包裹就对了。

参数(props)

参数名 说明 必填 类型 默认值 可选值 备注
lineLimit 限制文字只显示几行。 false number 1 数字
text 要处理的文字。 true string ''
style 内联的样式 false object
className 自定义的 className false string ''
showTooltip 是否显示 tooltip 信息,相比 title 提示性更强。 false boolean false

文字的最大宽度和外框的最大宽度一致,必须填写文本数据,不支持非文本、富文本数据。

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.