删除表格行之间的空格

时间:2013-09-20 15:03:22

标签: html css html-table row html-email

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

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

3 个答案:

答案 0 :(得分:1)

首先,在语义上,表不应该用于布局 - 它们应该用于显示表格数据......其次,修复(它不是一个很好的修复,但它的工作原理)实际上是禁用表功能:

table, tbody, tr {
    display: block;
}

考虑将标题转换为h2标签或其他东西 - 可能是一个实际上是在语义上创建的元素,用于执行您要执行的操作。

答案 1 :(得分:0)

尝试将新的attribuut(cellspacing)添加到包含蓝色标题的表

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

你是否有可能混淆cellpadding和padding与cellspacing,因为我看不到任何cellspacing attribuut到表标签......

答案 2 :(得分:0)

你不应该使用CSS调用,因为邮件程序不接受它们(Lotus,Outllok 2007,...)

对于空格,您可以使用间隔图像(1x1像素透明gif)使它们看起来正确

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

您还需要为所有图像添加一个显示:块,并指定图像和TD所在的高度和宽度。