zencd
@zencd

Ширина ячейки таблицы ограничивается самым длинным словом — как убрать ограничение?

Есть HTML-таблица, ширину колонок задает пользователь. Реализуется это присвоением ширины элементу TH. При этом пробегать скриптом все многочисленные ячейки колонки не хочется.

Проблема: ширина колонки ограничивается самым длинным словом в любой из ячеек. Дальше уменьшить её нельзя.

Вопрос: можно ли CSS'ом устранить это ограничение, без JS? (Перенос слова, сокрытие части - всё подойдёт.)

https://jsfiddle.net/zencd/4so75ywm/12/
  • Вопрос задан
  • 100 просмотров
Пригласить эксперта
Ответы на вопрос 4
TanyaS
@TanyaS
Верстальщик
Может быть поможет table-layout: fixed;?
Только при его использовании надо обязательно указывать ширину для table.
Ответ написан
Не знаю правильно ли я понял постановку вопроса.
Можно добавить скролл overflow-x: scroll;
или перенос word-wrap: break-word;
Ответ написан
@alexalexes
Даже нужно использовать CSS.
Попробуйте для ячеек таблицы вот такие свойства:
htmlbook.ru/css/word-wrap
htmlbook.ru/css/text-overflow

PS: При верстке, вообще, нужно максимально использовать возможности CSS.
Есть что-то нельзя добиться CSS стилями, то поправку стилей возможно делать через JS, но это путь к костылям.
Ответ написан
Можно ещё вставить троеточие:

5ab6fdddf04b9978741320.png

При наведении мышкой сделайте псевдоклассом чтобы показывалось остальное
Ответ написан
Ваш ответ на вопрос

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

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