Inhalt auf die Breite des div passen

Question

Wie kann ich einen Text an die Breite von div anpassen. Hier ist mein Code

<div class="column"> 
    <a href="#" class="user_thumbnail"> 
     <img src="<?=base_url()?>/images/1.jpg" width="100px" height="100px"> 

    </a> 
    <span class="name">texttexttexttexttexttexttexttexttexttext</span> 
</div> 

Wenn ich habe versucht, den Text anzuzeigen, der Text überläuft aus dem div wie eine gerade Linie. Wie kann ich css tun, um den Text auf die Breite von <div class="column"> (Breite = 33%) zu passen.

Answer 1

word-wrap:break-word

• Wickeln Sie lange Wörter in die nächste Zeile.
• Passen Sie verschiedene Wörter an, damit sie nicht in der Mitte brechen.

versuchen also die folgenden CSS

.column { 
    width: 33%; 
    word-wrap: break-word; 
} 

JSFiddle

Answer 2

Sie word-break: break-all; verwenden können (vorausgesetzt, Sie passen soll die Breite des div, nicht die Höhe wie Ihr Titel sagt)

.column { 
    width: 33%; 
    word-break: break-all; 
} 

http://jsfiddle.net/VbTes/1/