Решение для прерывания слова: break-all styling в firefox?

Question

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

word-break:break-all 

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

Спасибо, Адарш

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, 8compability, 8native, Chrome.

Answer 2

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

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

Answer 3

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

word-wrap:break-word 

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

Answer 4

Использование word-wrap: break-word; Это, безусловно, будет работать!

Answer 5

С

display : block;

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

Answer 6

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

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