トラブル遭遇例2 ／ perspective使用時に、どうしても天地左右中央に配置できない

天地左右中央に配置できない

display: table-cell;指定しているのに位置が微妙にズレる
・もしかして、perspectiveだから？
→ 関係なかった

---

犯人はbox-sizing

bootstrap.cssに記述されていた 下記box-sizingによる影響を受けていた

* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

---

対応

初期値で上書き

* {

    box-sizing: content-box;

}

※ライブラリCSSは極力変更しない、という方針に基づき


・floating 3D objects using nested transformations (with preserve-3d)