2013-06-11 12 views
9

編集: word-wrap:break-word;が、それは同じ問題を抱えている人のためである。)CSS - divブレークラインを作成するには

だから私は、次のdivを持っている:

<div class="thing"> 
aaaaaaaaaaaa 
</div> 

とCSS:

.thing { 
width: 90%; 
height: 400px; 
padding: 10px solid #000; 
} 

私は多くのコンテンツに追加するときに問題があります、テキストはdivの外に出ます!唯一のCSSを使用して、この問題を解決する方法

http://i.imgur.com/Xa51x2J.png

+0

'パディング:10px solid#000;' .........ただ確認するには、** border ** right? – Riskbreaker

答えて

13
.thing { 
width: 90%; 
height: 400px; 
padding: 10px solid #000; 
word-break:break-all; 
} 

使用ワード・ブレーク

+0

ブレークとブレークワードの違いは何ですか? –

+0

break-allは、コンテナの幅に収まらない場合は単語を次の行に移動しますが、break-wordはコンテナの幅に収まるように単語を分割します。このリンクを参照してください。http://stackoverflow.com/questions/1795109/what-is-the-difference-between-word-break-break-all-versus-word-wrap-break –

3

これは、あなたはこの>「AAAAAA AAAAAA」 がないようないくつかの場所を「AA」の間にスペースを追加するスペース

を追加されていませんcoze起こります12文字

この長い単語が必要な場合は

を使用してください
word-break:break-all; 
関連する問題