1

次のような非常に単純なテスト html サイトがあります。

<html>
<body>
<div style="height:500px">
    <img style="height:200px; vertical-align:middle;" src="http://i.imgur.com/BidLR.jpg" />
</div>
</body>
</html>

しかし、画像はdivの中央に垂直に表示されません。（少なくともGoogle Chromeでは）。画像を中央にレンダリングするには何が必要ですか?

4

2 に答える 2

4

vertical-align画像をその行の垂直方向の中央に配置します。画像よりも背の高いを設定する必要がありline-heightます。

スタイル エリアを参照してください:
http://jsfiddle.net/5ugDx/

于 2012-09-26T19:34:49.650 に答える
0

画像を中央に配置するには、少なくとも6つの方法があります。次のいずれかを選択してください。

http://www.vanseodesign.com/css/vertical-centering/

于 2012-09-26T20:16:27.860 に答える