Показывать первые 3 строки в html-абзаце

Я хочу показать только первые 3 строки абзаца ниже, используя html-форматирование. Я ищу w3shool, но он не показывает, как это сделать. Пожалуйста, помогите

<body>

loremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremlor
loremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremlore
loremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremlore
loremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremlore
loremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremlore

</body>

Ответы

Ответ 1

Вы можете предоставить контейнер a height и line-height и установить его свойство overflow на hidden:

HTML

<p>loremloremlorem...</p>

CSS

p {
    height:60px;
    line-height:20px; /* Height / no. of lines to display */
    overflow:hidden;
}

Пример JSFiddle.

Ответ 2

Установите высоту абзаца на три строчки. Как -

p{
  line-height:1.2em;
  height:3.6em;
  overflow:hidden;
}

Установить переполнение в скрытое, чтобы скрыть переполненный текст