Firefox将img向下移动一行

Question

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

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

如何让Firefox在与文本相同的行上显示图像？

以下是一个演示此问题的plunker：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：

  

  
1. 浮动箱必须尽可能高。