Решение для взлома слов: всеобщая стилизация в Firefox?

Question

Я пытаюсь обернуть текст внутри тд и использую следующий стиль

word-break:break-all

Прекрасно работает в IE, но не работает в Firefox, прочитайте, что это не поддерживается! пробовал решение, указанное в http://petesbloggerama.blogspot.com/2007/02/firefox-ie-word-wrap-word-break-tables.html. Кажется, не работает либо, какое-либо решение для этого?

Спасибо, Adarsh ​​

Answer 1

У меня наконец тоже возникли проблемы с этим. Но мне удалось заставить его работать:

.hardBreak {
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+, 6, 7, 8 compability-mode */
  -ms-word-break: break-all; /* Internet Explorer 8 */
}

Надеюсь, это поможет.

Последний вариант необходим при использовании основного режима IE8. Это работает для меня и проверено в FF8, IE 7, 8 совместимости, 8native, Chrome.

Answer 2

перенос слов будет работать только для элементов inline-block или block. Итак, вы должны изменить свой тип элемента. Как:

.example {
  display: inline-block;
  word-break: break-all;
}

Answer 3

С

display : block;

Это нормально

Answer 4

Использовать перенос слов: break-word;Это обязательно сработает !!

Answer 5

Попробуйте вместо этого:

word-wrap:break-word

Это должно работать во всех браузерах (если у вас есть фиксированная ширина в div / ячейке, к которой вы применяете это ...

Answer 6

Я не думаю, что упомянутое вами решение работало какое-то время;он мог (случайно?) работать на некоторых прошлых версиях Firefox, но он не похож на тот, который можно было бы ожидать, чтобы выполнить эту работу (pre-wrap не следует ожидать, чтобы разбить слова).

Способ заставить Firefox обрабатывать точку как допустимую возможность прямого разрыва строки - это тег <wbr> - не в какой-либо спецификации, но широко поддерживаемый.Обычно его лучше всего использовать, вставляя его в подходящих точках, но в крайнем случае вы можете даже поместить его между любыми двумя символами (предположительно, вы будете использовать предварительную обработку, серверные сценарии или клиентский JavaScriptсделать это).