Страницы

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

четверг, 1 ноября 2018 г.

Перенос длинных строк в ячейке таблице

Доброго времени суток! У меня возникла проблема небольшая. Когда в ячейке таблицы выводится большая длинная строка (например ссылка) то она растягивает всю таблицу, нарушая всю верстку таблицы. Вот к примеру в Opere корректно выводятся ссылки, перенос идет если строка выходит за границы ячейки th:

А вот как выводится к примеру в IE:

Второй вариант конечно неприемлиемый. Пробовал вот так задавать для div (который в ячейках находится):
style="overflow: hidden; white-space: nowrap"
И не помогает, а к тому же нарушает верстку и в опере.
Потом пробовал вот так для div-контейнера прописать:
div1 { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }
Тоже не хочет работать... Подскажите как решить проблему?
Вот ссылка теперешней верстки таблицы в сервисе Edit Fiddle
Некорректно работает в хроме, ie.


Ответ

css: word-break: break-all; http://jsfiddle.net/oceog/DBY7Z/2/ пожалуйста, выделяйте проблему лучше, ваш код для примера должен выглядеть примерно так: http://jsfiddle.net/oceog/DBY7Z/3/

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

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