How to limit the number of lines in the text so that after 2 the block of text ends with an ellipsis?

Question

css

There is text where there are more than 2 lines per word or more, how to cut them with ellipsis and not let the block of text go beyond its height?

Answer 1

<p class="clip">Магнитное поле ничтожно гасит большой круг небесной сферы, 
  в таком случае эксцентриситеты и наклоны орбит возрастают.</p>

p.clip {
    white-space: nowrap; /* Запрещаем перенос строк */
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis; /* Добавляем многоточие */
   }