CSS liefde – CSSの使える!と思えるテクニックを紹介。 » 文章をはみ出さずに折り返すHTML <pre class="wrap">テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト</pre> pre { width: 300px; margin: 20px 30px; background-color:#d8d1cd; border: 3px solid #c0c0c0; padding: 5px; } .wrap { /* Mozilla */ white-space: -moz-pre-wrap; /* CSS3 */ white-space: pre-wrap; /* IE 5.5+ */ word-wrap: break-word; } PREにはWidthを指定 折り返したい物にはClassをつけて、Fx用CSS3用IE用と指定します。
