Przerwij długie słowo z CSS

Question

Mam sytuację, w której mogą występować długie słowa, takie jak "hellowordsometext" lub liczba całkowita, jak "1234567891122", bez żadnego odstępu. sprawdź to proszę. http://jsfiddle.net/rzq5e/6/

Jak to zrobić, aby podzielić go na następny wiersz po osiągnięciu szerokości div. co dzieje się teraz jest, to rozciąga się na zewnątrz wraz z th div

<div>Solutionforentprise</div> 

Answer 1

Co trzeba to word-wrap: break-word;, ten zmusi non rozstawione ciąg złamać wewnątrz div

Demo

div { 
    width: 20px; 
    word-wrap: break-word; 
} 

Answer 2

Napraw rozmiar DIV i zastosuj "przepełnienie: ukryte" , aby nie wpłynęło to na rozmiar siatki i wszystkie na.

div{width: 40px; 
overflow: hidden;} 

Czy potrzebujesz zobaczyć cały tekst?

Answer 3

podać identyfikator lub klasę do div

następnie

#divid 
{ 
width: 30px; 
word-wrap: break-word; 
} 

Słowo-wrap jest obsługiwana w IE 5.5+, Firefox 3.5 i przeglądarki WebKit, takich jak Chrome i Safari, Opera 10.5+ .

Answer 4

Znalazłem to rozwiązanie dla siebie.

word-break: break-all; 

ale to nie działa w Operze.

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-break

Answer 5

Ci się to

DEMO

CSS

div { 
    width: 20px; 
    word-wrap:break-word; 
}