6

以下のリンクをご覧ください。

http://jsfiddle.net/anglimass/Y8AvM/

私は私のdivが中央のie7も垂直に揃えたいだけです。

誰でも助けることができますか？

ありがとう

申し訳ありませんが、みんな

私は1つの良い解決策を見つけます。以下のリンクを参照してください。

http://jsfiddle.net/anglimass/ct4tx/

ありがとう、

参照: http://css-tricks.com/snippets/css/exactly-center-an-imagediv-horizo​​ntally-and-vertically /

4

1 に答える 1

26

IE7はサポートしていないため、IE7では機能しません display: table-cell。

これは前にも言ったことがあります。

IE7 で機能する別の垂直センタリング手法を次に示します: div 内で画像を垂直方向に配置する方法

コードに適用された上記の回答からの手法の最も単純なバージョンは次のとおりです。

HTML:

<div class="inlay">
    <span class="helper"></span><img src="http://goldstudios.net/uploader/uploads/Wildebeest_$1$2ryes3hf$Fl0tEsFaORwBW2seye9qN0.jpg" />
</div>​

CSS:

html, body {
    height: 100%;
    background: #ddd;
}
.inlay {
    height: 100%;
    text-align: center;
}

.inlay img {
    vertical-align: middle;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

最新のすべてのブラウザー、そしてもちろん IE7 で動作します。

于 2012-06-12T14:23:57.077 に答える