li中的图像不是垂直居中的页脚

Question

我对如何将一个img垂直居中放在里面感到困惑。我试过了

#footer li {
    height: 100%;
    display:inline-block;
    vertical-align: middle
}

它不起作用，我做错了什么？这是我正在研究的问题。

http://jsfiddle.net/QsPV2/

Answer 1

您还必须像这样定义img：

#footer ul li img {
    vertical-align: middle;
}

不应该对齐li，而是“mg”。

Fiddle Demo