javascript - Firefox 将 img 下移一行

Question

我最近在表格第一列的文本后面添加了一张图片。图像右对齐。

Chrome 和 Safari 在同一行显示文本和图像。 Firefox 右对齐图像，但将其向下移动一行。单元格中有足够的空间可以在一行中同时显示文本和图像。

如何让 Firefox 在文本的同一行显示图像？

这是一个演示问题的插件:http://embed.plnkr.co/2pdsJeY3TQ1MKETQqAHp/preview

Answer 1

这里有几个解决方案。

一: 添加这个样式:

table {
  white-space: normal;
}

二:将 img 放在 HTML 中的文本之前:

<td class="label-text">
  <img class="image-symbol" src="{{symbols[key].image}}" 
       alt="{{symbols[key].symbolName}}">
  {{playerDecisionMetadata[key].label}}
</td>

这似乎是 Firefox 中的一个错误，因为根据 specification :

8. A floating box must be placed as high as possible.