0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 203 Просмотров
*

dm-krv

  • Давно я тут
  • 633
  • 9 / 0
Столкнулся с проблемой, на сайте с адаптивном дизайном не все таблицы влазят при просмотре с маленьких экранов. Ширина везде auto, проблема оказалась в слишком длинных словах в некоторых ячейках.

Каким образом можно разрешить перенос слов в ячейках таблицы? Что бы работало во всех браузерах или хотя бы в хроме и фаерфоксе.

*

Shustry

  • Гуру
  • 6437
  • 743 / 3
  • Рисую дизайны
Если по момент в шапке, то можно так: оберните в <span> каждое слово, пропишите display:inline-block.
Если про слова в теле таблицы, то можно остаток слова оборачивать в <span> и прятать через медиа-кверисы.
Ну и можно просто word-wrap прописать.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

dm-krv

  • Давно я тут
  • 633
  • 9 / 0
В том то и дело, ворд варп от чего то не сработал. Попробую обернуть содержимое ячеек в инлайн блок, на днях отпишусь.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться