我正在创建一个 HTML 电子邮件作为
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="image.jpg" width="x" height="y" style="margin:0; padding:0; display:block;">
</td>
</tr>
<tr>
<p>Para with lots of text</p>
</tr>
</table>
然而,当在 Internet Explorer 中查看时,图像底部会留下不必要的空间。我怎样才能摆脱这个空间?
最佳答案
这不是错误或类似问题。
根据使用的文档类型,不同的浏览器将特定值应用于各种元素的边距、填充和边框。
查看您的代码,我没有看到您在哪里将图像上的边框设置为 0。执行此操作。
一般来说最好的文档类型就是<!DOCTYPE html>
这导致几乎所有浏览器都采用标准模式。完成后,只需进行一些小的调整(例如图像边框)即可确保完全合规。
接下来,段落标记在 TR 中是无效的。正如 Sparky672 指出的那样,您缺少一个 TD。
关于css - IE 在图像后留下不必要的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6205668/