Я использовал:
word-break:break-all;
table-layout:fixed;
и текст переносится в Chrome, но не Firefox.
Обновление: Я решил изменить дизайн, таким образом, ему не был нужен перенос; попытка разобраться в CSS фиксирует/взламывает, оказывался слишком печальным и трудоемким.
Использовать CSS3 word-wrap: break-word;
. Также работает в браузерах на основе WebKit (Safari, Chrome).
Обновление : я забыл, однако, рассматриваемый элемент должен быть явно или неявно позиционирован как фиксированный элемент или отображаться как блочный элемент. Для ячеек таблицы ( td
) используйте display: inline-block;
.
Вы можете вручную ввести пробелы нулевой ширины () для создания точек останова.
Один немного хакерский способ сделать это - обработать текст, чтобы добавить пробел между каждой буквой. Замените пробелы на
Затем используйте атрибут letter-spacing css, чтобы уменьшить пробелы.
Я знаю, это хак... но если НИЧЕГО больше не работает, это должно обернуться без проблем.
Я думаю, что это давняя проблема Firefox, которая восходит к Mozilla и Netscape. Готов поспорить, у вас возникла проблема с отображением длинных URL-адресов. Я думаю, что это проблема механизма рендеринга, а не то, что вы можете исправить с помощью CSS без каких-либо уродливых хаков.
Имеет смысл изменить дизайн.
Это выглядело обнадеживающим: http://hacks.mozilla.org/2009/06/word-wrap/