css/js -- 垂直对齐图像旁边的文本 block

Question

(我问了一个类似的问题 here 并在某些情况下找到了一个可行的解决方案，但是这个设计困境的参数已经改变，所以我决定开始一个新线程)

我正在尝试找到一种方法——通过纯 css 或借助 javascript——将多行文本 block 与图像垂直对齐，如图所示 here .如演示中所示，文本 block 的高度将小于图像的高度，因此我希望它 float 在中间(这是表格布局中的默认设置。)我的情况的一个关键点是能够在不为包含的 div 定义高度的情况下实现这种效果——即只定义一个图像高度——因为我基本上是在尝试构建一个长缩略图列表，其中有一个小图像和 float 在旁边的描述性文本——并且需要定义一个每个包含的 div 的高度都会有问题。

对我来说很了不起的是，使用表格如此轻松地实现的东西通过 CSS 却是一项如此艰巨的任务；在我通过谷歌找到的无数解决方案中，大多数纯 CSS 方法以及许多 JS 辅助方法都需要声明容器的高度。此外，方便的“display:table-cell”css 方法在 IE 中不起作用。

我对这里的任何解决方案持开放态度，例如。通过 jQuery 等——非常感谢您的帮助；我想其他人也会从发现这个问题的有效解决方案中受益。

Answer 1

这不正是您所需要的吗？ http://jqueryui.com/demos/position/

编辑:工作演示:http://jsfiddle.net/c0mm0n/v4BNQ/1/