しかし、このwrap属性がくせ者でして、PhactoryもHTML文をブログに掲載する際、
<PRE wrap> ... </PRE>と記述して楽しようと企んだのですが、
Firefoxでは期待通り長いHTML文書でも折り返してくれるのに、IEでは無理。。。
となることに先日気がつきました。
これに対する対策としては、各ブラウザが自動折り返ししてくれるように設定する必要があります。 具体的には以下のように記述して<PRE>タグを使用することで、 自動的に折り返しをしてくれるようになります。
1 2 3 4 5 6 7 | pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
|