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

删除表行之间的空格

  •  0
  • Matt Jones  · 技术社区  · 12 年前

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

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

    3 回复  |  直到 8 年前
        1
  •  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指定高度和宽度。

    推荐文章