Страницы

Поиск по вопросам

среда, 12 декабря 2018 г.

Как добавить многоточие после последнего слова в многострочном тексте?

Имеется некий блок с текстом с фиксированной высотой и шириной, и значением overflow: hidden;, то есть если текст не влазит в область он обрезается, нужно добавить многоточие в конец последней видимо строки. text-overflow работает только для однострочного текста.


Ответ

Для webkit-браузеров можно использовать такое решение
div { border: 1px solid #000; padding: 5px; display: block; display: -webkit-box; max-width: 400px; font-size: 20px; -webkit-line-clamp: 4; /* количество строк */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

Многоточие (…) — знак препинания в виде нескольких (в русском языке трёх) поставленных рядом точек. Не путать с троеточием. Троеточие (∴) — разделительный знак между словами или предложениями, использовавшийся в древних славянских и грузинских рукописях

Комментариев нет:

Отправить комментарий