css - cssでdivの行のテキストを分割する方法は?

Question

div の幅が制限されている場合、テキストを分割するにはどうすればよいですか?ただし、同じ幅の親 div があります。CSS でそれを実現する方法を提案してください。

Answer 1

こんにちは、これに慣れました

このように

div{
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 */
}

デモ

Answer 2

あなたのdivでこれを試してください

word-wrap: break-word;

Answer 3

でこれを行うことができますword-wrap。

div.yourBox {
  word-wrap: break-word;
}