Dopasuj treść do szerokości div

Question

W jaki sposób ustawić tekst pasujący do szerokości elementu div. Oto mój kod:

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

Kiedy próbowałem wyświetlić tekst, tekst przepełnia się z div jak linia prosta. Jak mogę zrobić css, aby dopasować tekst do szerokości <div class="column"> (szerokość = 33%).

Answer 1

word-wrap:break-word

• Zawiń długie słowa na następną linię.
• Dostosuj różne słowa, aby nie łamały się w środku.

Więc spróbuj poniżej CSS

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

JSFiddle

Answer 2

Można użyć word-break: break-all; (zakładając, że masz na myśli dopasować szerokość div, a nie wysokość jak twój tytuł mówi)

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

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