番号は固定幅の新しい行に折り返されません

Question

私は2つの<div>を持っています。そのうち1つは「Lorem ipsum」というテキスト、2番目の数字は数字です。私は数字でdivを見つけましたが、固定幅の新しい行に数字をラップしません<div>。なぜ誰かが説明することができます、なぜ、番号は新しい行に折り返さないのでしょうか？この状況は仕様のどこかに記述されていますか？

JSFiddle。

div { 
 
    width: 200px; 
 
}

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium quasi consequatur nobis magni molestias repudiandae rerum quisquam quo dolore dolorem! Sit eligendi accusamus aliquam consectetur inventore minima, fugiat qui quia.</div> 
 
<div>111111111111111111111111111111111111111111111111</div>

Answer 1

ブラウザは、通常のテキストとして数字を扱い、あなたがword-wrapまたはword-breakプロパティのようなものとすることを指示しない限り、それを中断されませんので。次のようなルールを追加します。

div { 
    width: 200px; 
    word-wrap:break-word; 
} 

jsFiddle example

Answer 2

div { 
 
    width: 200px; 
 
    word-wrap: break-word; 
 
}

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium quasi consequatur nobis magni molestias repudiandae rerum quisquam quo dolore dolorem! Sit eligendi accusamus aliquam consectetur inventore minima, fugiat qui quia.</div> 
 
<div>111111111111111111111111111111111111111111111111</div>