2

好的，所以这让我发疯： http: //jsfiddle.net/C3YMJ/2/
图像应该垂直居中在 中div，但如您所见，它略微偏离中心。我无法让它准确地居中。任何帮助将非常感激。
谢谢。

4

5 回答 5

4

您可以使用 CSSposition属性将图像垂直居中：

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

您可以删除该vertical-align属性，它没有任何效果，因为图像没有可以应用的子元素。

line-height: 20px;上使用div。

于 2012-07-21T13:42:54.040 回答
1

添加line-height: 100%到您的 DIV 将解决问题。

演示：http: //jsfiddle.net/C3YMJ/9/

于 2012-07-21T13:48:23.620 回答
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的未知文章中的居中。

编辑：删除错误的陈述。

于 2012-07-21T13:40:49.827 回答