HOME       LIST

【HTML】Pre タグと同じDIVタグ

preタグと同じ表示をする div タグを利用する方法メモ。

未来の自分は今の自分が作っている。未来の自分になるために集中しよう。 - 2016/06/21(DOJEUN)

What is her level of English?(彼女の英語のレベルはどれくらいですか?)


1. 説明

< pre> タグを使って記事を表示する場合に
h1, h2, h3 .. のフォントサイズが少し小さくなるのが
気になる場合に以下の定義を試して見ると良い。

2. CSS コード例

以下のように「white-space:pre」を定義するだけ。
div.preCode01{
    white-space:pre;
}

< div class="preCode01" >

このタグの値は < br>タブを使用しなくても
preタグと同じように記入した文字列をそのまま
表示します。
< /div >

以前コンテンツ:【HTML】IMEモードコントロール
次のコンテンツ:【HTML】Pre タグ内の内容を自動改行させる。



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

Valid XHTML 1.0 Transitional