display:table-cellの縦位置中央揃えの注意
親要素の中にある子要素の縦位置中央揃えを実現したいときにdisplay:table-cellとvertical-align:middleを使用することがある。
指定するプロパティが少なく簡単にできるためよく利用されているやり方だがposition:absolute(またはfixed)が付いているとvertical-align:middleが無効になるため注意が必要だ。
もしもdisplay:table-cellとvertical-align:middleを指定しているのにもかかわらず子要素の縦位置が中央揃えになっていなかったらposition:absolute(またはfixed)がプロパティに追加されていないか調べてみよう。
