絶対中央配置のCSS

まとりさんが紹介してた、Firefox11で画像が絶対中央配置(上下左右中央揃え)されるCSSが便利そうだったので、仕事でもちょこちょこ使っている。インライン要素でやったらどうなるのと思って試してみたらちょっと面白かった。

インライン要素にpointer-events: none;を指定する

インライン要素に例のルールを指定すると、display: block;をしなくても任意の大きさに表示させられるようになる。

もっと色々なブラウザで挙動を確認したかったけど、時間的都合でやっていない。詰めが甘い。