HOME       LIST

【HTML】Pre タグ内の内容を自動改行させる。

PREタグをCSS定義で自動改行する方法

相手の顔(目)を見ながら会話すること。 - 2017/03/18(DOJEUN)

This is a lot to take in.(覚えることがたくさんあって大変だ、複雑な話で理解するのに一苦労だ)


1. 説明

指定したpre タグの幅を超える長さの行を自動で改行させるために
以下のコードをCSSに定義して出来た。

2. コード

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

以前コンテンツ:【HTML】Pre タグと同じDIVタグ



Copyright(c) 2007-2023 dojeun.com All Rights Reserved.

Valid XHTML 1.0 Transitional