2007年5月21日月曜日

preタグの中身がFirefoxで改行されない

<pre>長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト</pre>
と<pre>の中身に長いテキストを書くと、FirefoxをはじめMozilla系列のブラウザだとデフォルトでは改行してくれないことを今日知った。スタイルシートをこうやって変更した(出典)。
pre {
padding:3px;
border:1px solid #333333;
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+ */
}

0 件のコメント:

コメントを投稿