<<  このカテゴリ内の前の記事 IE pre のコワイ現象  ||  >>

るるろぐ 2008 新着記事

この記事1件を表示

sup, sub の位置を調整する

たとえば、平方メートルなどの単位を書くときに、 1500m<sup>2</sup>などとすると思うのだが、これがFirefoxでうまい具合に表示されず、「2」がだいぶ上の方にレンダされる。これを調整してみる。

まずhtml側では、以下のように:

 <span class="tanni">1500<sup>2</sup></span>

そしてCSSで以下のように定義

span.tanni {
font-family: Osaka, Verdana, Arial, Helvetica, sans-serif ;
position:relative;
}
sub, sup {
vertical-align: baseline;
}
sup {
position:relative;
top:-4px
}
sub {
position:relative;
top:4px
}

コメントを書く

コメントの掲載は、管理者の承認が必要な場合があります。すぐに掲載されない場合は、少しお待ち下さい。また、内容によっては掲載しない場合、掲載後、削除する場合もございます。ご了承下さい。

 必須

 必須


トラックバック

このエントリーのトラックバックURL:

http://www.liolion.info/MovT/LULUL/mt-tbon.cgi/680

都合により、上記URLの「mt-tbon.cgi」は、全角で表示しています。TBの際は、恐れ入りますが、半角に直して送信してください。

またこのブログは、トラックバックを受け付けても、それがすぐに反映されない仕組みになっています。管理者が確認後、公開しますので、少しお待ち下さい。尚、内容によっては、公開しない場合もあります。ご了承下さい。また内容に問題がないと思えるのに、いつまで経っても公開されない場合は、なんらかの事情で、pingが届いていない可能性があります。よろしければ再度送信してください(このブログに関してコメントをする?)。

reset.css あるいは init.css によるブラウザのスタイルシートの初期化

初期化CSSの作成 ブラウザごとにスタイルシートのデフォルトが違ったり、あまり好ましくない値であったりすることがあるので、スタイルシートの初期化が必要に...

at 2007.07.12 01:13 - from Port80

MODx本出版

ここからカテゴリ一覧、記事一覧を表示

CATEGORY

RSS1.0 RSS2.0