CSSで縦方向の位置設定

テーブルセルの場合はvertical-alignプロパティでできたんやけど、
そういやcssではどうするんだ?ってのにぶつかったんでメモメモ。vertical-alignは
テーブルタグ内でしか適用出来ないしね。

調べてみたらdivのボックスの高さとline-heightを同じ値にすれば
縦位置の中央揃えになるらしいです。

——————
div {
width:300px;
height:20px;
}
p{
line-height:20px;
}
——————

line-heightの特性を使うって事なんですね。なるほど~…
他にも調べたらいろいろあったけど、簡単で一番信頼おけそうなのはこれみたい。

でも一行だけと複数の場合で個別に設定は必要ですね。それはそれでメンドクサイな。
それとネスケでは一部ちゃんと表示されないらしい。…まぁ、いいかネスケはこのさい無視で。

年末年始全くってほどサイトさわっていなかったから、
アクセス解析の変化率がマイナスになってた;;・・・こうも謙虚に出ると笑えてしまう。

コメントを残す