html - 删除表格行之间的空间

Question

我正在构建一个 html 电子邮件模板，需要删除表格行之间的间距，但需要将单元格间距保持在 10px。您将在示例中看到蓝色标题栏及其下方的间距。有没有办法使用 CSS 隔离这些表行并删除它？

HTML：http ://www.tailwatersflyfishing.com/email/template/new.html

Answer 1

首先，从语义上讲，表格不应该用于布局——它们应该用于显示表格数据......其次，一个修复（这不是一个很好的修复，但它有效）是从本质上禁用表格功能：

table, tbody, tr {
    display: block;
}

考虑将您的标题转换为 h2 标签或其他东西——也许是一个实际上是在语义上创建的元素来完成您正在尝试做的事情。

Answer 2

尝试向包含蓝色标题的表格添加新属性（单元格间距）

<table width="670" cellpadding="0" border="0" align="center" cellspacing="0">

您是否有可能将 cellpadding 和 padding 与 cellspacing 混淆，因为我看不到表格标签的任何 cellspacing 属性...

Answer 3

您不应该使用 CSS 调用，因为邮件程序不接受它们（Lotus，Outllok 2007，...）

对于空间，您可以使用间隔图像（1x1 px 透明 gif）使它们看起来正确

font-style:0 更正了 Firefox 渲染中 hotmail 中的空白区域。

您还需要为所有图像放置一个 display:block 并为图像和它出现的 TD 指定一个高度和宽度。