html - 別の行を作成せずにDivがオーバーフローする

Question

重複
の可能性：非常に長い文字列をワードラップする

私のコード

<div style="width:40px;">adfdddddddddddddddddddd</div>

このコードは4行になるはずですが、出力は1行で表示されます。

Answer 1

試す

<div style="width:40px;word-wrap:break-word;">adfdddddddddddddddddddd</div>;

Answer 2

ワードラップについては、このクラスを追加することを検討してください。

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

こちらのリファレンスを参照してくださいdivで長い単語をワードラップする方法はありますか？

Answer 3

コンテンツを1つの単語として取得しているため、コードは出力を1行で表示しています。1つの単語が1行に表示されます。いくつかの文を使用してこのコードを試してみると、目的の出力が得られます。次のようなことを試すことができます

<div style="width:40px;">This is a sentence.</div>