webruaryのデモページ

<pre>内の文章を自動改行する。

ここの内容は<pre>で表示されています。長い文章とかを入力しても自動で改行されるようにcssでイロイロ指定しています。いざ長い文章を入力しようと思ってもなかなか思いつかない…。
↓の様に半角英数字を半角スペースの区切り無しで記述するとFirfox2.0では改行されません。
http://webruary.blog37.fc2.com/hogehogehogehogehogehogehogehogehogehogehogehogehogehogehoge-hobehogehogehogehogehogehoge

ちなみにFirefox3.0とOprera9.5だと「/(スラッシュ)」もしくは「-(ハイフン)」の部分で改行されます。「_(アンダーバー)」では改行されません。
abcdefghijklmnoipqrstuvwxyzabcdefghijklmnoipqrstuvwxyzabcdefghijklmnoipqrstuvwxyz_abcdefghijklmnoipqrstuvwxyzabcdefghijklmnoipqrstuvwxyz

css

pre{
  white-space:pre-wrap;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}