1

我有一个设置vertical-align: text-top在表格单元格内的图像。在 Internet Explorer 中它正确呈现,但 Chrome 呈现不正确:

Internet Explorer 10 (10.0.9200.16660):

在此处输入图像描述

铬 29 (29.0.1547.66 m):

在此处输入图像描述

更新以包括 Firefox 23 (23.0.1):

在此处输入图像描述

三种浏览器,三种行为;但只有 IE 是您所期望的。

您可以在 jsFiddle 上摆弄玻璃


神奇的成分是表格单元格中的图像:

<td class="c1" rowspan="3">
   <img src="data:image/png;base64,iVBORw0KGgoAAA....">
</td>

单元格样式为vertical-align: text-top

<style type="text/css">
   .c1 {vertical-align: text-top; }
</style>

我发现的唯一解决方法是删除vertical-align: text-top. 但这会导致它呈现不是我想要的方式:

在此处输入图像描述

由于 Chrome 是所有事情正确和正确的仲裁者,我一定做错了什么。但是什么?

注意:问题不仅限于内联 data-uri 图像。我只是使用它,所以问题在 jsFiddle 上可见。

4

1 回答 1

1

只需使用top而不是text-top. 为我工作。此外,您忘记关闭图像标签!

于 2013-09-09T21:26:32.053 回答