Skip to content
Theme color
Gray color
AppearanceSizeSmall(1)Medium(2)Large(3)Radius
none
small
medium
large
full
Scale90%95%100%105%110%

基本使用

单行超出隐藏

添加ellipsis属性即可使元素在限定宽度的容器中隐藏超出的内容,并显示省略号。省略号的位置默认为文档方向结束(end)位置,可以设置startcenter,其他所有值均视为end

谨慎使用ellipsis=center,其利用float实现,且依赖于元素的高度和行高一致。float左边可能会出现一些空白,需要手动调整右边的宽度以及设置text-alignword-break等等,比较不友好,而且在rtl下句尾的符号显示不正确。

若以后原生支持设置为中间则火速弃用现在的实现

推荐使用ellipsisOffset设置固定的偏移字符数来让省略号在中间显示,见下一小节

省略号偏移

通过ellipsisOffset可设置省略号偏移的字符数,偏移的字符数以ellipsis的位置决定,例如当为end时偏移从text末尾算起,不支持ellipsis=center