Kiedy tekst jest bez spacji i przekracza rozmiar div 200px , wypływa Szerokość jest zdefiniowana jako 200px Umieściłem tutaj mój kod http://jsfiddle.net/madhu131313/UJ6zG/ Możesz zobaczyć poniższe zdjęcia po edycji : Chcę tekst, aby przejść do następnego wiersza
98
Posługiwać się
Zapobiegnie to wypłynięciu tekstu z
div
. Spowoduje to przerwanie tekstu, gdy dotrze do końcadiv
.źródło
Powinieneś użyć
overflow:hidden;
lubscroll
http://jsfiddle.net/UJ6zG/1/
lub za pomocą php możesz skrócić długie słowa ...
źródło
Musisz zastosować następującą właściwość CSS do bloku kontenera (div):
Zgodnie ze specyfikacją (źródło CSS | MDN ):
Z wartością ustawioną na
break-word
Warty wspomnienia...
Jeśli zależy Ci na obsłudze starszych przeglądarek, warto określić oba:
Dawny. IE9 nie rozpoznaje,
overflow-wrap
ale działa dobrze zword-wrap
źródło
użycie
overflow:auto
go spowoduje przewijanie tekstu w obrębiediv
:).źródło
Jeśli to pomoże. Dodaj następującą właściwość z wartością do swojego selektora:
źródło
To załatwiło sprawę:
{word-break: break-all; }
źródło
Niedawno to spotkałem. Użyłem:
display:block;
źródło
Jeśli jest to tylko jedna instancja, którą należy zawinąć w 2 lub 3 linie, użyłbym po prostu kilku
<wbr>
w ciągu. Potraktuje je tak samo,<br>
ale nie wstawi końca wiersza, jeśli nie jest to konieczne.Oto skrzypce.
http://jsfiddle.net/gaby_de_wilde/UJ6zG/37/
źródło