2014年12月5日に作成されたページです。 情報が古かったり、僕が今以上のど素人だった頃の記事だったりする可能性があります。 全件リストはこちら。 どもです。 久々の連続更新(゚∀゚) 要素を手っ取り早く上下中央揃えにしたいとき、親要素のdisplayをtable-cellにするのが楽ちん。 でも、display:table-cellはwidth:xx%が効かない罠。 親要素のwidthが決まっている場合、width:inherit;(親の数値を引き継ぐ)でイケる。 まぁ、親要素が決まってるならそのpx書けば良いだけだけど、その変動も考えるとinheritのが堅実。 しかし親要素もパーセンテージ指定だったら…。 width:想定される最大pxより大きな数値;でイケた。ちょっと驚いた。 どうやらtable-cellには親要素を絶対にはみ出ないという原則があるようだ。
![display:table-cellでwidth:100%に設定したいとき](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)