我见过类似的东西到处张贴，并且在过去的几天里尝试过很多东西，但似乎无处可去。我的目标是一个纯CSS解决方案。
所以我有一个容器/父div，在里面有一个左右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。
也许我只是让语法错误或者是愚蠢的东西，但我似乎无法得到任何工作。非常感谢任何帮助
答案 0 :(得分：1)
为margin-top: 50%标记添加img规则应使图像大致垂直居中。
答案 1 :(得分：1)