Question

以下代码在IE和Chrome中均可显示，但Firefox使用了一些我无法覆盖的默认行高默认值。因此，Firefox中的行高比IE和Chrome中的行高更高。有人有提示吗？我错过了什么吗？任何帮助表示赞赏。

<table style="cellspacing:-200%;cellpadding:-200%;padding:-200%">
<tr style="cellspacing:-200%;cellpadding:-200%;padding:-200%">
<td style="cellspacing:-200%;cellpadding:-200%;padding:-200%">
<sup style="vertical-align: middle; position: relative; top: -0.5em; font-size: 50%">1</sup><font style="font-size: 50%"> Test 01.</font><br>
<sup style="vertical-align: middle; position: relative; top: -0.5em; font-size: 50%">2</sup><font style="font-size: 50%"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</font>
</td>
</tr>
</table>

我知道代码不是最好的，但是当我使用内联样式时，我相信它也可以在Firefox中获得相同的输出吗？

提前感谢大家，windomearle。

Answer 1

使用此http://www.onlinehtmleditor.net/（在下面的窗口中，您可以看到代码本身的预览）作为调试器，我使用了以下代码，它对我有用。基本上标签line-height：值解决了问题。希望它对某人有用！祝你有个美好的一天！

<table>
<tr>
<td>
<sup style="vertical-align: middle; position: relative; top: -0.15em; font-size: 45%; line-height: 4px">1</sup><font style="font-size: 49%; line-height: 6px"> Test 01.</font><br />
<sup style="vertical-align: middle; position: relative; top: -0.15em; font-size: 45%; line-height: 4px">2</sup><font style="font-size: 49%; line-height: 6px"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</font>  
</td>
</tr>
</table>

谢谢，windomearle

Firefox中的行高比IE和Chrome更高 - 默认的Firefox设置？

1 个答案: