在第二行Javascript之后截断段落

Question

我有一个带多行文字的p标签，

我想截断para并删除第二行后的所有文本

这是我的代码看起来如何

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consectetur venenatis blandit. Praesent vehicula, libero non pretium vulputate, lacus arcu facilisis lectus, sed feugiat tellus nulla eu dolor. Nulla porta bibendum lectus quis euismod. Aliquam volutpat ultricies porttitor. Cras risus nisi, accumsan vel cursus ut, sollicitudin vitae dolor. Fusce scelerisque eleifend lectus in bibendum. Suspendisse lacinia egestas felis a volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consectetur venenatis blandit. Praesent vehicula, libero non pretium vulputate, lacus arcu facilisis lectus, sed feugiat tellus nulla eu dolor. Nulla porta bibendum lectus quis euismod. Aliquam volutpat ultricies porttitor. Cras risus nisi, accumsan vel cursus ut, sollicitudin vitae dolor. Fusce scelerisque eleifend lectus in bibendum. Suspendisse lacinia egestas felis a volutpat
</p>

注意：我不明白我该怎么做，或者这可以做到吗？

Answer 1

也许这个页面会帮助你一点点： http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/ https://codepen.io/natonischuk/pen/QbGWBa

使用css：

<style>
  .block {
    overflow: hidden;
    line-height: 1.2em;
    max-height: 2.4em;
  }
</style>

<p class="block">.....</p>

（max-height / line-height）的比率是将显示的行数（未截断）