Question

我要剪裁文本。为此，我使用此module。但是因为我使用innerHTML来截断文本，所以不起作用。

您还能如何剪裁文本？

<div [innerHTML]="notebook.description">
  <p>{{ notebook.description |  truncate : 20 }}</p>
</div>

Answer 1

您可以使用纯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>

如何截断文字？

1 个答案: