Rozwiązanie dla word-break: break-all stylizacja w firefox?

Question

Próbuję zawinąć tekst wewnątrz td i korzystając z poniższego styl

word-break:break-all 

Works perfekcyjnie w IE, ale nie w Firefoksie, przeczytałem, że ten isnt obsługiwany! Wypróbowano rozwiązanie podane w http://petesbloggerama.blogspot.com/2007/02/firefox-ie-word-wrap-word-break-tables.html. Wydaje się, że nie działa, Jakiekolwiek rozwiązanie tego problemu?

Dzięki, Adarsh ​​

Answer 1

I wreszcie miałem pewne problemy z tym również, ale udało mi się uzyskać jego pracy..

.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 */ 
} 

mam nadzieję, że to pomoże

Ostatnia opcja jest potrzebna w trybie natywnym IE8. To działa dla mnie i jest testowany w wersjach FF8, IE 7, 8compability, 8native, Chrome.

Answer 2

Nie sądzę rozwiązania można wymienić pracował przez jakiś czas; być może (nieumyślnie?) pracował nad niektórymi wcześniejszymi wersjami Firefoksa, ale nie wygląda tak, jak można by tego oczekiwać (pre-wrap nie powinno się łamać słów).

Sposób na to, aby Firefox traktował punkt jako dopuszczalną możliwość bezpośredniego przełamania linii jest tagiem <wbr> - nie w żadnej specyfikacji, ale szeroko obsługiwany. Zwykle najlepiej go używać wstawiając go pod odpowiednie punktów, ale w ostateczności można nawet umieścić go między dowolnymi dwoma znakami (prawdopodobnie użyłbyś preprocessingu, skryptów po stronie serwera lub JavaScript po stronie klienta, aby to zrobić) .

Answer 3

Spróbuj to zamiast:

word-wrap:break-word 

Powinien działać we wszystkich przeglądarkach (tak długo, jak masz stałą szerokość na div/komórkę jesteś stosowanie go do ...

Answer 4

Użyj zawijanie wyrazów: słowo-przerwy; Z pewnością zadziała!

Answer 5

Z

display : block;

Jest ok

Answer 6

word-wrap będzie działać tylko dla elementów inline-block lub blokowych. Musisz zmienić typ elementu. Jak:

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