我到处都看到过类似的东西，并且在过去几天里尝试了很多，但似乎无处可去。我的目标是一个纯 CSS 解决方案。
所以我有一个容器/父 div，里面有一个左右 div。容器垂直拉伸以适应较大的左右 div（两者的高度都未知）。左侧 div 向左浮动，其中包含未知尺寸的图像，右侧 div 将包含文本（关于图像）。从概念上讲，我希望在其父 div 的左侧有一个垂直居中的图像，并在图像的右侧显示文本。如果除了浮动之外还有其他结构可以做到这一点（例如），我很开放。
我在 jsfiddle 上制作了一个模板：http: //jsfiddle.net/hoopadoop/GEkaW/
我试过 display: tables; 垂直对齐：中间；背景：url（图像）不重复中心中心；和有边距的东西。到目前为止唯一有效的是实际上使用 html <tables>，但我宁愿坚持使用 CSS。
也许我只是不断地出现语法错误或一些愚蠢的事情，但我似乎无法得到任何工作。任何帮助深表感谢