【发布时间】：2011-05-07 12:20:18
【问题描述】：
（我问了一个类似的问题here 并在某些情况下找到了一个可行的解决方案，但是这个设计困境的参数已经改变，所以我决定开始一个新线程）
我正在尝试找到一种方法——通过纯 css 或在 javascript 的帮助下——将多行文本块与图像垂直对齐，如 here 所示。如演示中所示，文本块的高度将小于图像的高度，所以我希望它浮动在中间（这是表格布局中的默认设置。）我的情况的一个关键点是能够在不为包含 div 定义高度的情况下实现此效果——即仅定义图像高度——因为我基本上是在尝试构建一个长缩略图列表，其中包含一个小图像和漂浮在旁边的描述性文本——并且需要定义一个每个包含 div 的高度都会有问题。
对我来说很了不起的是，使用表格轻松实现的事情通过 CSS 完成了如此庞大的任务；在我通过 google 找到的无数解决方案中，大多数纯 CSS 方法以及许多 JS 辅助方法都需要声明容器的高度。此外，方便的“display:table-cell”css 方法在 IE 中不起作用。
我对这里的任何解决方案持开放态度，例如。通过 jQuery 等——非常感谢您的帮助；我想其他人也会从发现该问题的有效解决方案中受益。
【问题讨论】：
标签： css positioning vertical-alignment