css - IE 在图像后留下不必要的空间

标签 css internet-explorer html-table html-email

我正在创建一个 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/

相关文章:

javascript - 在不断变化的渐变背景上叠加 SVG/PNG 文件

css - 在 IE 6 和 7 中使用列表和表格进行绝对定位/Z-Index 时遇到问题

css - IE7 CSS 表格标题边框未与 tbody 单元格对齐

html - 如何使用 Watir 获取元素自定义属性的值

javascript - 在连接四板上放置 token 动画

css - 如何使用 bootstrap3 网格将元素放置在列中

css - 如何在CSS中的另一个规则中使用规则?

internet-explorer - IE中div的内阴影

ASP.NET -HTML 表格行默认字体

html - 将 3 个 div 水平居中对齐并可链接?