HOME       LIST

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

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

成人になると、自分の道を行くこと。 - 2017/03/18(DOJEUN)

on the dot(時間通りに/きっかりに)


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