我有一个问题，line-height，我不能得到我的头。
以下代码将在div中居中一个图像：
CSS
.bar {
height: 800px;
width: 100%;
line-height:800px;
background-color: #000;
text-align: center;
}
.bar img {
vertical-align: middle;
}
HTML
<div class="bar">
<img src="http://27.media.tumblr.com/yHWA4oxH870ulxnoH7CkOSDR_500.jpg" alt="Foo Image" />
</div>
但是，如果我将行高更改为100％，那么行高不会生效(或至少不会成为div的100％)。
有人知道我在做什么错了吗？
解决方法
line-height：100％表示该元素的字体大小的100％，而不是其高度的100％。事实上，行高度总是相对于字体大小而不是高度，除非其值使用绝对长度单位(px，pt等)。
