Как в тексте ограничить число строк, чтобы после 2 блок текста заканчивался троиточием?

Question

[Антон Шульц]

Есть текст, где бывает больше, чем 2 строки на пару слов или больше, как их обрезать троеточием и не давать блоку текста выходить за рамки его высоты?

Answer 1

[drawnofmymind]

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

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

Comments

[Антон Шульц]

спасибо, а если мне нужен лимит в 2 или 3 трочки?

[drawnofmymind]

Антон Шульц, nowrap убрать,с высотой и шириной поиграть,ещё какое то свойство добавить-не помню,легко гуглится

[Stalker_RED]

Антон Шульц, гугли "css ellipsis multiline"

[KingAnton]

Антон Шульц,

overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;