CSS vertical-align稍微关闭

Question

好的，所以这让我疯了：http://jsfiddle.net/C3YMJ/2/
图像应该在div中垂直居中，但正如您所看到的，它略微偏离中心。我不能让它完全居中。任何帮助将不胜感激。
感谢。

Answer 1

您可以使用CSS position属性垂直居中您的图片：

div { 
    position:relative;
}

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

JS小提琴：http://jsfiddle.net/C3YMJ/22/

Answer 2

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

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

Answer 3

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

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

Answer 4

我会从div上取下高度，而是在顶部和底部使用填充。

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

这将使它在中间对齐。

Answer 5

您的代码不起作用。如果你增加两个高度，它就完全没有居中：http://jsfiddle.net/WouterJ/C3YMJ/3/

有关如何解决此问题的详细信息，请参阅Chris Coyier的Centering in the unkown文章。

编辑：删除错误的陈述。