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

Як ви показуєте 3 точки у CSS?

Використовуйте переповнення тексту: багатокрапка; для автоматичного обрізання тексту, коли він виходить за межі контейнера, та додавання трьох точок у кінці . Однорядковий три крапки з використанням CSS. Батьківський контейнер часто дозволяє своєму вмісту переповнюватися, через що крапка не відображається. Додати переповнення: приховано; у батьківський контейнер, щоб виправити це.

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

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