javascript - 如何折叠一个段落并将其余内容替换为 '...' ？

Question

嗯，我在一个段落中有内容，可能是这样的:

<div style="width:30px">
  <p>12345678901234567890abcdefghijklmnopqrstuvwxyzIlovePaulinaVega</p>
</div>

我们都知道内容会因为父级的宽度而被分成很多行，但我只想保留最上面的2行，其余的用'...'替换。我想知道如何实现它。请告诉我。

Answer 1

p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

<div style="width:100px">
  <p>12345678901234567890abcdefghijklmnopqrstuvwxyzIlovePaulinaVega</p>
</div>

像这样添加CSS:

p{
  text-overflow:ellipsis; 
  white-space:nowrap;
  overflow:hidden;
 }