Question

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

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

这是我的代码的样子

<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>

（最大高度/行高度）的比率是要显示（未截断）的行数

在第二行Javascript之后截断段落

1 个答案: