質問: ボックス内中央配置特殊版 でdivの中央に画像を配置したいとき cssで実現しようと思ったら div{ width:100px; height:100px; display:table-cell; text-align:center; vertical-align:middle; } あたりでできそうですが、画像がボックスより小さい場合はこれでいいのですが、 今回やりたいのはボックスより大きな画像の中央をボックスの中央に配置し、 ボックスからはみ出したものはover-flow:hiddenで見切りたいのです。 cssだけで実現可能でしょうか? js使って画像をposition:ablosute にして位置計算する手は頭に浮かんでますが、もっとシンプルにできそうな気がして質問してみました。
回答: 対応ブラウザが分からないけど、こんな感じでできるよ。 /*親要素*/ .parent{ position: relative; overflow: hidden; } /*センタリングしたい子要素*/ div{ position: absolute; margin: 0; top: 0; left: 0; right: 0; bottom: 0; }