☰

テキストをpreタグで囲むにはどうすればいいですか? 質問する

tag-icon • tag-icon html css
テキストをpreタグで囲むにはどうすればいいですか? 質問する

preタグは HTML 内のコード ブロックやスクリプト作成時の出力のデバッグに非常に便利ですが、長い 1 行を出力するのではなく、テキストを折り返すにはどうすればよいのでしょうか。

ベストアンサー1

答えは、このページCSSの場合:

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    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+ */
}

おすすめ記事