どもです。
久々の連続更新(ﾟ∀ﾟ)

要素を手っ取り早く上下中央揃えにしたいとき、親要素のdisplayをtable-cellにするのが楽ちん。
でも、display:table-cellはwidth:xx%が効かない罠。

親要素のwidthが決まっている場合、width:inherit;（親の数値を引き継ぐ）でイケる。
まぁ、親要素が決まってるならそのpx書けば良いだけだけど、その変動も考えるとinheritのが堅実。

しかし親要素もパーセンテージ指定だったら…。
width:想定される最大pxより大きな数値;でイケた。ちょっと驚いた。

どうやらtable-cellには親要素を絶対にはみ出ないという原則があるようだ。