中央揃え

display: -webkit-flex;
-webkit-align-items: center;
-webkit-justify-content: center;

これで要素内のコンテンツの水平・垂直方向の中央揃えができるじゃん。スマホならこれでいけるんじゃん!? と興奮していたのに Android でダメだった。

CSS レイアウトが主流になってもう10年くらい経つと思うけど、どうして未だにブロック要素内の縦位置中央が Table Cell 以外でサポートされないのか不思議でならない。

Last updated on July 17, 2015