css pre自動改行の問題
ここではpre形式の出力コードを使用しています.ブラウザのデフォルトでは、preの内容を改行せずに出力します.すると、コードが長くなるとページの外に突き刺さるようになります.以前はコードの中で強制的に改行していましたが...疲れたね.今日は意図的にgoogleを見て、見つけました:
pre {
white-space: pre-wrap;/* css-3 */
white-space: -moz-pre-wrap;/* Mozilla, since 1999 */
white-space: -pre-wrap;/* Opera 4-6 */
white-space: -o-pre-wrap;/* Opera 7 */
word-wrap: break-word;/* Internet Explorer 5.5+ */
}テストしたところ、IE[現在使用する6]以外は...憂鬱になってwidth:600 pxを増やします;その後、ok,.改行して、実は位置はやはり派生しました.コードは中に入っていますが、次の叙述的なものが出てきました.この幅を定義するのも良い方法ではなく、他のcssを直接変更しない方法はほとんどありません.
そして上のcssを見て、なぜ他の定義はwhite-spaceで定義され、IEの使用がないのかと思います.IEがサポートしていないわけではありません.そこでプラスすればいいのですが[Googleの最初の5ページをめくって、cssを直して解決した...汗を見つけられませんでした].
当サイトで使用しているのはieと他のものを分けているので、white-spaceは最後に他のものにも作用しているからです....
pre {
white-space: pre-wrap;/* css-3 */
white-space: -moz-pre-wrap;/* Mozilla, since 1999 */
white-space: -pre-wrap;/* Opera 4-6 */
white-space: -o-pre-wrap;/* Opera 7 */
word-wrap: break-word;/* Internet Explorer 5.5+ */
}テストしたところ、IE[現在使用する6]以外は...憂鬱になってwidth:600 pxを増やします;その後、ok,.改行して、実は位置はやはり派生しました.コードは中に入っていますが、次の叙述的なものが出てきました.この幅を定義するのも良い方法ではなく、他のcssを直接変更しない方法はほとんどありません.
そして上のcssを見て、なぜ他の定義はwhite-spaceで定義され、IEの使用がないのかと思います.IEがサポートしていないわけではありません.そこでプラスすればいいのですが[Googleの最初の5ページをめくって、cssを直して解決した...汗を見つけられませんでした].
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space : normal ; /* Internet Explorer 5.5+ */
}
当サイトで使用しているのはieと他のものを分けているので、white-spaceは最後に他のものにも作用しているからです....
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
}
* html pre {
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space : normal ; /* Internet Explorer 5.5+ */
}