我有一个设置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 上可见。