Firefox將img向下移動一行

Question

我最近在表格的第一列中的文本之後添加了一個圖像。圖像右對齊。

Chrome和Safari在同一行顯示文本和圖像。 Firefox右對齊圖像，但將其向下移動一行。單元格中有足夠的空間在一行上顯示文本和圖像。

如何使Firefox在文本所在的行顯示圖像？

下面是一個說明這一問題的plunker：http://embed.plnkr.co/2pdsJeY3TQ1MKETQqAHp/preview

Answer 1

這裏有幾個解決方案。

一：在HTML中的文本之前放置img：添加這種風格：

table { 
    white-space: normal; 
} 

兩個

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

這似乎是在Firefox中的錯誤，因爲根據specification：

1. 浮動箱子必須放置得儘可能高。