第二行JavaScript之后的截断段落



我有一个带有多行文本的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>

注意:我不明白我该怎么做,还是可以做到这一点?

也许此页面会对您有所帮助:
http://hackingui.com/front-end/a-pure-csss-solution-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>

(最大高度/线高)的比率是将显示(未截断)

的线数

最新更新