首先需要知道在HarmonyOS中文字只有放在<text></text>中才能在浏览器中显示。


下面的代码中
max-lines: 1;表示只允许占据一行。
text-overflow: ellipsis;表示多余部分隐藏。

<text style="max-lines: 1; text-overflow: ellipsis;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</text>

最后效果:(注:下列代码改变字体颜色和大小均未在上面代码中呈现)

posted on 2022-12-11 20:47  垂序葎草  阅读(70)  评论(0编辑  收藏  举报