响应表与图像

Question

我想调整两个图像的大小（左图像 - 右图像）并将两者保持在同一行。现在，如果我尝试修改窗口大小，右边的那个会低于左边的那个。

Example: Table with the two images - left sidebar

似乎使用表可以是解决方案，但我不知道如何使其响应。你能帮我吗？

Answer 1

您不需要表格来对齐内容。表用于显示表格（网格类型）数据，而不是布局。

如果DOM中的多个元素彼此相邻，则一种简单的方法是将它们分别设置为display: inline-block，这允许它们像内联元素一样彼此流动，但被设置为块级元素。 / p>

因为它们像文字一样内联，所以你可以在两者上设置vertical-align: top，使它们与彼此的顶线对齐，而不管高度如何。这也比使用浮点数更有优势，因为它们占用了父元素中的空间。