HOME       LIST

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

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

時間が無くて出来ないのではない。やる気がないからそんな言い訳を言うのだ。 - 2016/07/11(WEB)

What do you think of our new manager?(今度のマネージャーどう思う?)


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