Як поставити трійку CSS?

У CSS дуже просто обрізати текст в одному рядку для деякої ширини і відобразити крапку. text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 300px; Але все не так просто, якщо треба обрізати текст після трьох (кілька) рядків.

Як зробити багатокрапку HTML?

Для одного рядка є спеціальна властивість text-overflow зі значенням ellipsis, яка додає крапку в кінці тексту. Щоб ця властивість працювала, потрібно дотриматися ще двох умов. Текст повинен виводитися в один рядок без перенесення. Для заборони перенесення ми використовуємо властивість white-space зі значенням nowrap.