我要剪裁文本。为此,我使用此module。但是因为我使用innerHTML
来截断文本,所以不起作用。
您还能如何剪裁文本?
<div [innerHTML]="notebook.description">
<p>{{ notebook.description | truncate : 20 }}</p>
</div>
答案 0 :(得分:0)
您可以使用纯CSS做到这一点:
div.b {
white-space: nowrap;
width: 20ch;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #000000;
}
<!DOCTYPE html>
<html>
<body>
<h2>text-overflow: ellipsis:</h2>
<div class="b">Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world!</div>
</body>
</html>