可変するボックスでブロック要素を縦中央に配置したい場合はjQueryを使おう | Cappee Designあとで読みたい人は… @cappeeです。 ボックスを縦中央に配置する系のテクニックはたくさん記事がありますが、画面全体の縦中央か、サイズが固定されたボックスの中で縦中央にするものばかりです。 縦中央の問題点 今回私が実現したかったのは、左に文字数が前後するテキストがあり、左に画像置換したボタンをテキストの量に関わらず縦中央配置する、というものです。 画像置換の方法はいろいろありますが、今回のボタンは画像置換の関係でブロック要素になっています。 よく記事で書かれているポジションやネガティブマージンを使う方法だとボックスのサイズを固定する必要があるのです。 あと、とても便利なCSSである table-cell を使うという選択肢もありますね。 ただIE8以降からの対応となるので、スマホサイトの制作であればこちらが大活躍するかと思います。 [意外と知らないCSS]スマホ制作に便利！displ
