HOME       LIST

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

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

お金を増やすことより自分の資産をキチンと管理するのがもっと大事。2016/07/04(DOJEUN)

It's sold separately.(それは別売りになります)


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