垂直对齐图像，高度和宽度未知

Question

如此经典的css问题，垂直对齐，但这次有点复杂，请看看这个小提琴：http://jsfiddle.net/uH4Rn/2/

很明显，我希望图像正好在中间对齐，你可以看到它不起作用我认为问题在于这两行：

top:-25%;
margin-top:-100px;

顺便说一句，我不关心IE版本低于9版本，我想避免使用javascript或jquery。

Answer 1

由于之前的答案似乎没有给你正确的结果，这里是另一个肯定有效的。除非我完全不明白你的问题。

此解决方案将使给定容器中的任何图像居中：

.container{
    width: 300px;
    border: 1px solid black;
    height: 300px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
​

小提琴：http://jsfiddle.net/uH4Rn/2/