用CSS代替valign

Question

我一直在尝试将内容放在表格行中。有问题的行依次包含2个其他表和1个小缩略图（当然每个都在表格单元格内）。到目前为止，该行使用valign="top"定位。这很好地将所有三列的内容都放到了顶部。

但是，我想使用CSS position:relative; vertical-align:text-top;

来定位它

如果没有缩略图，这可以很好地定位细胞内容。但是，一旦包含图像，其他列根本不会定位。见下图。

^{*真诚地为伪劣图像格式道歉。}

我希望两个表格和缩略图垂直对齐到顶部。

请注意，所有边距和填充都设置为0，图像中的尺寸为实际值。

有人知道为什么我的浏览器（Firefox）会以这种方式运行以及如何纠正它吗？

Answer 1

好的，明白了！似乎vertical-align:text-top将元素与父元素文本的顶部对齐，而不是父元素的顶部！将其更改为vertical-align:top可以解决问题：）