javascript - Angular2 - 限制 p 内的行数

Question

我正在寻找 chop <p> 的方法标记到给定的行数(尾随 ... )。

使用多个字符是行不通的，因为元素的宽度取决于设备屏幕的宽度。

Answer 1

你不需要 Angular 。只是 CSS。设置高度和文本溢出属性。

是这样的:

p{
  height: 200px;
  text-overflow: ellipsis;
}

您必须计算出与您想要的行数相对应的像素数。比如你要显示10行，每行的高度是20px，那么高度就需要是200px。