代码之家 › 专栏 › 技术社区 › Matt Jones

删除表行之间的空格

html-email row html-table css html

0

Matt Jones · 技术社区 · 12 年前

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

3 回复 | 直到 8 年前

1

kevinius 12 年前

尝试将新属性(单元格间距)添加到包含蓝色标题的表中

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

有没有可能你把cellpadding和padding与cellspacing混淆了,因为我看不到表标签的任何单元格间距属性。。。

2

1

Chad 12 年前

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

table, tbody, tr {
    display: block;
}

考虑将你的标题切换到h2标签或其他什么——也许是一个实际上在语义上创建的元素,用来做你想做的事情。

3

0

Yassine Yassoni 12 年前

你不应该使用CSS调用beacause mailer不接受它们(Lotus,Outllok 2007,…)

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

字体样式:0在Firefox渲染上更正hotmail中的空白。

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