divの幅に合わせてコンテンツを作成する

Question

divの幅にテキストを合わせるにはどうすればよいですか？ここに私のコードは

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

私はテキストを表示しようとしたとき、テキストが直線のようにdivからオーバーフローします。 テキストを幅に合わせて<div class="column">（幅= 33％）に合わせるにはどうすればよいですか。

Answer 1

word-wrap:break-word

• （あなたのタイトルのような高さは言うではない、あなたはdiv要素の幅に合う意味と仮定）word-break: break-all;を使用することができます長い単語を次の行に折り返します。
• 途中で壊れないように異なる単語を調整します。

だから、あなたはテキストがラップアラウンドしないわけCSS

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

JSFiddle

Answer 2

あなたは

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

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