text-overflow: ellipsis; 不生效(除了white-space:nowrap;overflow: hidden;之外)
不生效常见于容器被设置了 display: flex; 也会影响省略符号
改:display: block; 就可
代码内容:
只支持
text
和richtext
组件:<text class="text">红红火火恍恍惚惚或或或或或或或或或或</text>
css:
.text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}