Как поставить многоточие в конце блока с текстом без использование js??
Для неразрывных строк всё просто... {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
Для нескольких строк, увы, всё куда хуже.
Для webkit есть правило -webkit-line-clamp, позволяющее задать количество строк. Естественно, white-space не нужен.
Для остальных это всегда будут эмуляции — либо JS-решения, либо абсолютно позиционированная псевдобласть (чаще всего ::after) с многоточием.
Для нескольких строк тоже все просто, пример для двух строк:
... {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}