Как работает `text-overflow: ellipsis`?

• Показывает ... для обрезанного текста
• Требует: overflow: hidden, white-space: nowrap (для однострочного)
• Многострочный: -webkit-line-clamp: 3, display: -webkit-box, -webkit-box-orient: vertical, overflow: hidden

/* Однострочный */
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Многострочный */
.clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }