【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。

娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？ さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。 例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d

[y_guriko]

はじめて知った。ただこのtable-cellの中央配置は気持ち悪くて使ったことないですが。。。

[shields-pikes]

役立った。

[suzuki107]

要高さ固定

[noriji_m]

CSS　コーディング

[heyMackie]

メモ

[atsushi1972]

ie7以下対応が要求された時に困らないように。

[Journey]

IE7対策とか不毛だからもう止めようぜ

[kkeisuke]

layout-grid-line

[yukkenottuna]

丁度勉強してるからこういうのうれしい

[dal]

これは便利おぼえとこう

[warriorking]

【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。

[sanpo7]

上下中央

[gonnu]

センタリング

[kzms2]

layout-grid-line

[ysk_lucky-star]

これは知らなかった

[lyri]

5年前に知りたかった･･

[soratomo]

IE5〜7で使える「layout-grid-line」とは。

[oppara]

【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。

[kijtra]

さてどう忘れないようにするか…

[wakuworks]

layout-grid-line なんて初めて知ったわ

[ghostbass]

vertical-alignの使い方としてこれはOKだっけか

[goroyung]

layout-grid-line 知らなかった〜