https://coliss.com/articles/build-websites/operation/css/css-vertical-align-anything-by-sebastian.html

[yukimurasama]

天地中央配置について

[kitokitoki]

天地中央

[warau-uichi]

“position: relative; top: 50%; transform: translateY(-50%);”

[skunk0915]

上下中央　height 高さ

[Yukarigohan]

たった3行のスタイルシートで高さ不明の要素に対して天地中央に配置するテクニック（IE9にも対応）

[mikuso]

“position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);”

[june29]

「position: relative; top: 50%; transform: translateY(-50%);」の3つの指定で。

[dellab72]

2 3 4 5 6 7 .demo p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

[z1a2nh]

真ん中

[sw_lucchini]

css3で天地中央配置

[bleu-bleut]

css tips::Centering

[ml0021234]

css　Tips

[kupoe]

[html/css]3行

[fuku1111]

なるほどなぁ。これはいつか使わせて頂きます≫『[CSS]たった3行のスタイルシートで高さ不明の要素に対して天地中央に配置するテクニック（IE9にも対応）』 @colisscomさんから

[emj1025]

上下中央

[akamejoshi]

3行は熱いな"φ(･ｪ･o)~ﾒﾓﾒﾓ

[lotus_tribal]

なるほど…！！

[kana321]

モダンブラウザだけでなくIE9にも対応した、3行のスタイルシートで画像でもテキストでも天地の中央に配置するテクニックを紹介します

[nyanzou4649]

mixinにしよう

[sugarshin]

via コリス http://coliss.com

[ahiru_z]

transform: translateYを使用した上下センター揃え

[hedeyoshi]

素晴らしい！ブラボー！よくよく考えたらそうだよなあというものがあってCSSは面白い。

[nors]

http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

[m-r-design]

天地中央に要素を配置する。IE9でもOK

[kagioo2uma]

なるほどね

[kasumani]

たった3行のスタイルシートで高さ不明の要素に対して天地中央に配置するテクニック（IE9にも対応） モダンブラウザだけでなくIE9にも対応した、3行のスタイルシートで画像でもテキストでも天地の中央に配置するテクニッ