Html 仅使用css将图像内部容器元素垂直居中

我需要使用CSS将一些图像垂直居中放置在它们的容器

块中，但我不知道如何操作。我可以求助于使用javascript来计算图像的高度，然后用边距做一些数学计算使其垂直居中，但这看起来既笨拙又愚蠢

有没有基于CSS的解决方案可以在不使用固定边距（图像高度可变）的情况下实现垂直对齐

粘贴到其容器li元素顶部的图像：

---

这可能会解决您的问题：

vertical-align: middle;

---

这就是我一直在使用的东西。

---

垂直对齐：中间对齐
您可以使用以下css属性：

display: table-cell; vertical-align: middle;

就像这个演示：
Fredy的答案对于现代浏览器来说是正确的，但不适用于IE pre 8。其他技巧：
希望这有帮助
 我试过了，但我认为它只在比较同一级别的div而不是像这样的嵌套项时有效。请尝试将行高度指定为与li的高度相同。