Ajuster le contenu à la largeur du div

Question

Comment puis-je adapter un texte à la largeur de div. Voici mon 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> 

Quand j'ai essayé d'afficher le texte, le texte déborde de la div comme une ligne droite. Comment puis-je faire css pour adapter le texte à la largeur de <div class="column"> (largeur = 33%).

Answer 1

word-wrap:break-word

• Enveloppez les mots longs sur la ligne suivante.
• Ajustez les différents mots afin qu'ils ne se brisent pas au milieu.

Donc, essayez le CSS ci-dessous

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

JSFiddle

Answer 2

Vous pouvez utiliser word-break: break-all; (en supposant que vous vouliez dire adapter à la largeur de la div, pas la hauteur comme votre titre dit)

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

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