2

わかりました、これは私を夢中にさせています: http://jsfiddle.net/C3YMJ/2/
画像は の垂直方向の中央にあるはずdivですが、ご覧のとおり、わずかに中心からずれています。正確に中央に寄せることができません。どんな助けでも大歓迎です。
ありがとう。

4

5 に答える 5

4

positionCSS属性を使用して、画像を垂直方向に中央揃えにすることができます。

div { 
    position:relative;
}

img {
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
}

JS フィドル: http://jsfiddle.net/C3YMJ/22/ </p>

于 2012-07-21T13:57:32.960 に答える
1

DIVに追加line-height: 100%すると、問題が解決します。

デモ： http： //jsfiddle.net/C3YMJ/9/

于 2012-07-21T13:48:23.620 に答える
1

プロパティを削除できますがvertical-align、画像には適用できる子要素がないため、効果はありません。

で使用line-height: 20px;しますdiv。

于 2012-07-21T13:42:54.040 に答える
0

divから高さを取り除き、代わりに上下にパディングを使用します。

html: <div><img src="https://www.google.com/images/srpr/logo3w.png" height="10" /></div>​
css:  div {background-color: blue; padding: 5px 0;}

それはそれを真ん中に揃えます。

于 2012-07-21T13:54:54.167 に答える
-1

あなたのコードは機能しません。両方の高さを上げると、完全に中央に配置されません: http://jsfiddle.net/WouterJ/C3YMJ/3/

これを解決する方法の詳細については、Chris Coyier の不明な記事の Centeringを参照してください。

編集: 間違ったステートメントを削除します。

于 2012-07-21T13:40:49.827 に答える