Обрезать абзац после второй строки Javascript - PullRequest
Новая
       9

Обрезать абзац после второй строки Javascript

0 голосов
/ 16 февраля 2019

У меня есть тег AP с многострочным текстом,

Я хочу обрезать абзац и удалить все тексты после второй строки

, вот как выглядит мой код 

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

Примечание: я не понимаю, как я могу это сделать, или это можно сделать?

1 Ответ

0 голосов
/ 16 февраля 2019

возможно эта страница вам немного поможет: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) - это номер строки, которая будет показана (не обрезана)

...