SitnikKsl
@SitnikKsl
Студент ТУСУРа

Как сделать вывод ДВУХ строк в ячейке td, а потом троеточие?

Что нужно: чтобы в ячейке содержимое отрезалось и оставались троеточия. В идеале 2 строки чтобы было видно, а не одну.
Что не так: при добавлении свойства white-space и overflow: hidden ячейка растягивается по содержимому, не смотря на то, что ширина фиксированная.
  • Вопрос задан
  • 77 просмотров
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть
На CSS кросс-браузерная обрезка текста с точками в конце и в несколько строк — только визуальным хаком или специфическим свойством:
hackingui.com/front-end/a-pure-css-solution-for-mu...

Вот это свойство, если что, с примерами:
https://css-tricks.com/almanac/properties/l/line-clamp/

Поддержка свойства браузерами:
https://caniuse.com/#feat=css-line-clamp

Раньше Firefox вообще не поддерживал его, теперь поддерживает, но только самая свежая версия (68-я), что плохо. EDGE, начиная с 17-й поддерживает, что тоже не очень хорошо. IE, как всегда, в пролёте.

Так что делайте либо на хаке визуальном, либо же прогрессивное улучшение с помощью @supports, мол, если есть поддержка свойства, то с точками, если нет — то без точек.

Ну или, если не на CSS, то с помощью JS. В статье про это тоже есть.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы