0

本来あるべきように、画像は垂直方向に整列して中央に配置されません。私は IE7 用に quirks モードでのみコーディングしています (残念ながら)。私のコードは以下です。これが垂直方向に整列しない理由を誰でも知っています

<html>
<head>
</head>
<body>
<div style="height:500px; width 500px; line-height:500px; background-color:Green; vertical-align:middle;">
   <img src="./images/load.gif" style="vertical-align:middle;"/>
</div>
</body>
</html>
4

2 に答える 2

1

div 内で画像を垂直方向に揃える場合は、次の手順を実行する必要があります。

div {
    position:relative;
    height:500px;
    width:500px;
}

div img {
    position:absolute;
    top:50%;
    margin-top:-XXXpx; /* where XXX is half the height of the image */
}
于 2012-08-29T20:46:36.000 に答える
0

代わりに画像を背景画像にして、次のようなもので背景を中央に配置できます。

<div style="height:500px; width 500px; line-height:500px; background: green url('/images/load.gif') left center no-repeat ; "></div>
于 2012-08-29T21:24:12.827 に答える