Rendere il contenuto adatto alla larghezza del div

Question

Come posso rendere un testo adatto alla larghezza di div. Ecco il mio codice

<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> 

Quando ho cercato di visualizzare il testo, il testo trabocca fuori dal div come una linea retta. Come posso fare css per adattare il testo alla larghezza di <div class="column"> (larghezza = 33%).

Answer 1

word-wrap:break-word

• Avvolgi parole lunghe nella riga successiva.
• Regola parole diverse in modo che non si spezzino nel mezzo.

Quindi provare il seguito CSS

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

JSFiddle

Answer 2

È possibile utilizzare word-break: break-all; (supponendo che si intende montare il larghezza del div, non è l'altezza, come il titolo dice)

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

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