【发布时间】：2014-03-05 12:07:34
【问题描述】：
我想调整两个图像（左图 - 右图）的大小并将两者保持在同一行。现在，如果我尝试修改窗口大小，右侧的窗口会低于左侧的窗口大小。
Example: Table with the two images - left sidebar
似乎使用表格可以成为解决方案，但我不知道如何使其具有响应性。你能帮我吗？
【问题讨论】：
标签： responsive-design css-tables
【发布时间】：2014-03-05 12:07:34
【问题描述】：
您不需要一个表格来对齐内容。表格旨在显示表格（网格类型）数据，而不是用于布局。
如果您在 DOM 中有多个彼此相邻的元素，一个简单的方法是将它们分别设置为 display: inline-block，这允许它们像内联元素一样彼此相邻流动，但被设置为块级元素。
因为它们像文本一样是内联的，所以您可以在两者上设置 vertical-align: top 以将它们与彼此的顶行对齐，而不管高度如何。与使用浮点数相比，这还有一个优势，因为它们也占用了父元素中的空间。
【讨论】：