Pure CSS は上下左右の中央に配置されたコードを実装します_Experience 交換

<style type="text/css"> #box{幅:600px; 高さ:400px; ボーダー:1px 赤一色;} #box{位置:静的; *位置:相対; 表示:テーブル; *表示:ブロック; } #box-middle{position:static; *position:absolute; display:table-cell; *display:block; *top:50%;vertical-align:middle; *vertical-align:auto;} #box-inner{位置:相対; トップ:-50%; 背景色:青; マージン:0 自動; 幅:200px; 高さ:100px;} </スタイル> <div id="ボックス"> <div id="ボックス-ミドル"> <div id="box-inner">コンテンツ</style>

[Ctrl A すべて選択 注:外部 J を導入する必要がある場合は、実行するために更新する必要があります]
ついに、霧や雨のような異常な IE7 が見えてきました。 IE シリーズの CSS ハック: * html を認識します; Firefox の CSS ハック: html>body、#id[id]、html[xmlns] div なども認識します。
無敵*でついに解決！