2004年06月25日
■ pre表示指定
[ MovableType ]
preタグで囲んだ文字列はそのまま表示されるためコード等を表示するとき利用される。結構便利なタグなんだけど、折り返しは自動的にしないから長い行があると当サイトのように2カラム表示が崩れてしまうことがしばしば。
ところが下記のコードをスタイルシートに入れるとそれが直ります。どう直るかは各自で確認してみてもらうか当サイトでpreを使っている部分を見て下さい。
pre {
width: 96% ;
margin: 7px 2% 7px 2% ;
padding: 1em 0.4em ;
line-height: 135% ;
color: white ;
font-size: 90% ;
background: #489 ;
overflow: auto ;
}
ぜひお試しあれ
Posted by zRyu at 01:11 | Updated at 2006年 3月 21日 23:13 | Post 0 Comments & 1 TrackBacks
Post a TrackBack
No more TrackBack (1) for this entry
TrackBack (1)
Title: エントリーにpreタグを挿入
Excerpt: preタグを使ってテキストフォーマットをConvert Line Breaksでエントリーを作成すると、Firefoxでは問題なく表示できたがIEでは上手く表示できない・・・また問題発生。いろいろ調べてスタイルシートを替えてみたが、なかなか思い通りに行かない。半ば諦めていたところ見...
From: Voyage Weblog
Date: 2004.10.05
Excerpt: preタグを使ってテキストフォーマットをConvert Line Breaksでエントリーを作成すると、Firefoxでは問題なく表示できたがIEでは上手く表示できない・・・また問題発生。いろいろ調べてスタイルシートを替えてみたが、なかなか思い通りに行かない。半ば諦めていたところ見...
From: Voyage Weblog
Date: 2004.10.05
Comments RSS
Bulkfeed's Similarity
Today Links
Accessed from following URLs...