我最近在表格第一栏中的文字后面添加了图片。图像右对齐。

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

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

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

最佳答案

这是几个解决方案。

一:添加此样式:

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>


根据specification的说法,这似乎是Firefox中的错误。


  
  必须将浮动框放置在尽可能高的位置。

关于javascript - Firefox将img下移一行,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33615363/

10-12 00:01
查看更多