Как поставить многоточие в конце блока с текстом без использование js??

Question

[pasha bpv]

Когда текст переполняется он обрезается с помощью свойства CSS, как поставить в конце текста многоточие???
Скрин >>

Answer 1

[Евгений Петров]

Для неразрывных строк всё просто

... {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

Для нескольких строк, увы, всё куда хуже.

Для webkit есть правило -webkit-line-clamp, позволяющее задать количество строк. Естественно, white-space не нужен.

Для остальных это всегда будут эмуляции — либо JS-решения, либо абсолютно позиционированная псевдобласть (чаще всего ::after) с многоточием.

Answer 2

[Денис Васильев]

Вот ещё пост, может кому пригодится.
dev.mobify.com/blog/multiline-ellipsis-in-pure-css

Answer 3

[Константин Вархола]

Для нескольких строк тоже все просто, пример для двух строк:
... {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}