我最近在表格第一栏中的文字后面添加了图片。图像右对齐。
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/