我在Angular中包装和截断长文本时遇到问题。我想将文本换成2行,如果长度超过2行,则在第二行的末尾添加“ ...”。我无法使用纯CSS,因为我的文字无法证明其正确性,因此应将其向左对齐。它也应该在Firefox中工作,所以我不能使用-webkit-line-clamp。我的文字以及我的文字的容器应具有响应性。

有什么建议如何在Angular 7中处理它吗?

最佳答案

在Angular中,您可以编写ng-if语句来检查值的长度,如果该值大于某个数字,则添加省略号。

<span ng-if="textValue.length > 100" class="ng-scope">...</span>

对于包装,您可以使用:

word-wrap: break-word;overflow-wrap: break-word;

有关更多信息,请参见此CSS技巧文章。
https://css-tricks.com/almanac/properties/o/overflow-wrap/

关于html - 两行换行并在Angular中截断长文本的问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56011404/

10-10 22:51