css - 高さと幅が不明な画像を垂直方向に揃える

Question

古典的なcssの問題、垂直方向の整列ですが、今回はもう少し複雑です。このフィドルを見てください：http: //jsfiddle.net/uH4Rn/2/

画像を真ん中に正確に配置したいのは明らかですが、それが機能しないことがわかるように、問題は次の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/