Wie behalte ich den Text im div?

Question

Ich habe eine Seite, die Text aus einer MySQL-Datenbank abgerufen zeigt.

Ich kann nicht herausfinden, warum ich den Text nicht als Textblock innerhalb der div anzeigen kann. Stattdessen überläuft es das Div. (Ich bin mit Bootstrap-3) Hier ist ein fiddle

<div class="container"> 
 
    <div class="row"> 
 
    <!---MAIN COLUMN------> 
 
    <div class="col-xs-12 col-md-6 col-sm-8 col-lg-6 col-centered"> 
 
     <h2> 
 
     How to keep the text inside the div? 
 
     </h2> 
 

 
     <div class="mytext"> 
 
     fdsnkfhskghkgskghsdkghdskghdsklhgkdlsghds 
 
     khgkdshgdksghdsklghdskg hkdslhgkdshgkdshgkdshgkd 
 
     shgksdlhgksdhgkdslhgkdshgkdshgkdshgksd hgkldshgkd 
 
     shgkldshgkhdsgkhdskghdskhgkdlshgkdshgkldsh 
 
     gkdshgklhds kghdskghdskl 
 
     <small> 
 
     </small> 
 

 
     </div> 
 

 
    </div> 
 
    </div> 
 
</div>

Answer 1

word-break:break-all; verwendet, um das Wort

.mytext{ 
 
    word-break:break-all; 
 
}

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <!---MAIN COLUMN------> 
 
    <div class="col-xs-12 col-md-6 col-sm-8 col-lg-6 col-centered"> 
 
     <h2> 
 
     How to keep the text inside the div? 
 
     </h2> 
 

 
     <div class="mytext"> 
 
     fdsnkfhskghkgskghsdkghdskghdsklhgkdlsghds 
 
     khgkdshgdksghdsklghdskg hkdslhgkdshgkdshgkdshgkd 
 
     shgksdlhgksdhgkdslhgkdshgkdshgkdshgksd hgkldshgkd 
 
     shgkldshgkhdsgkhdskghdskhgkdlshgkdshgkldsh 
 
     gkdshgklhds kghdskghdskl 
 
     <small> 
 
     </small> 
 

 
     </div> 
 

 
    </div> 
 
    </div> 
 
</div>

Answer 2

geben CSS

zu brechen

.mytext{ 
    width:200px; 
    word-wrap:break-word; 
    border:thin black solid; 
} 

Hier wird JSFiddle aktualisiert

Answer 3

Dies ist eine rein hypothetische Frage - auf einer echte Website finden Sie echten Text haben, bestehend aus echten Worten, die viel kürzer sind als Ihr Beispiel Phantasiewort/s, und sie passen gut in dieses div, da der Text an Wortenden, dh Leerzeichen, gebrochen wird. Verwenden Sie einfach den gleichen echten Text und Sie werden sehen.