如何將未知/動態高度的圖像置於未知/動態高度的浮動div中？

Question

我見過類似的東西貼到處都有，並且在過去的幾天裏嘗試了很多，而且似乎無法在任何地方找到。我的目標是一個純粹的CSS解決方案。

所以我有一個容器/父div，並在裏面，左，右div。容器垂直延伸以適應左側和右側的大部分（均爲未知高度）。左邊div浮動到左邊，並有一個未知尺寸的圖像，右邊的div會有文字（關於圖像）。從概念上講，我想要一個垂直居中的圖像在其父div的左側，文本到圖像的權利。如果除了漂浮物之外還有其他的建築物（例如），我是開放的。

我做了對的jsfiddle的情況模板：http://jsfiddle.net/hoopadoop/GEkaW/

我試過顯示：表; with vertical-align：middle; background：url（image）no-repeat center center;以及帶邊距的東西。到目前爲止唯一有效的工作是使用html <tables>，但我寧願堅持使用CSS。

也許我只是不斷收到語法錯誤或愚蠢的東西，但我似乎無法得到任何工作。任何幫助非常感謝

Answer 1

這裏檢查

http://jsfiddle.net/9PkxA/2/

我添加新的類到左格 「中間」，並定義

.middle 
{ 
    margin-top:50%; 
} 

希望這將有助於

Answer 2

爲img標記添加margin-top: 50%規則應該使圖像大致垂直居中。