Làm cho nội dung vừa với chiều rộng của div

Question

Làm cách nào để văn bản phù hợp với chiều rộng của div. Đây là mã của tôi

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

Khi tôi đã cố gắng hiển thị văn bản, văn bản tràn ra khỏi div như một đường thẳng. Làm thế nào tôi có thể làm css để vừa với văn bản với chiều rộng là <div class="column"> (chiều rộng = 33%).

Answer 1

word-wrap:break-word

• Quấn từ dài lên dòng tiếp theo.
• Điều chỉnh các từ khác nhau để chúng không bị vỡ ở giữa.

Vì vậy, cố gắng dưới đây CSS

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

JSFiddle

Answer 2

Bạn có thể sử dụng word-break: break-all; (giả sử bạn có nghĩa là phù hợp với những rộng của div, không phải là chiều cao như tiêu đề của bạn nói)

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

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