HOME       LIST

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

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

どのような状況に置かれても肯定的な思考をすること。 - 2017/03/18(DOJEUN)

Our problem is snowballing.(問題は雪だるま式に大きくなっている)


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-2020 dojeun.com All Rights Reserved.

Valid XHTML 1.0 Transitional