Доброго времени суток! У меня возникла проблема небольшая. Когда в ячейке таблицы выводится большая длинная строка (например ссылка) то она растягивает всю таблицу, нарушая всю верстку таблицы. Вот к примеру в 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/
Комментариев нет:
Отправить комментарий