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

在没有列的情况下,是否可以在HTML表中的行之间设置单元格间距?

  •  3
  • leora Matt Lacey  · 技术社区  · 14 年前

    我正在寻找一种解决方案,在表的每一行之间使用单元格间距,而不是在列之间使用单元格间距。这有可能吗?

    2 回复  |  直到 7 年前
        1
  •  4
  •   BalusC    14 年前

    这个 border-spacing 很好,但是IE6/7 doesn't 明白这一点。如果你也想覆盖它们,那么最好是:

    table { 
        border-collapse: collapse;
    }
    td {
        border: 10px solid white; /* Or any color which matches table's bgcolor */
        border-width: 10px 0;
    }
    
        2
  •  7
  •   derekerdmann    14 年前

    您可以使用 border-spacing 财产:

    table {
        border-collapse:separate;
        border-spacing: 0 10px;
    }
    

    这将列之间的空间设置为零,行之间的空间设置为10px。如果提供一个参数,则该长度将同时应用于垂直间距和水平间距;对于两个参数,第一个参数将设置水平间距,第二个参数将设置垂直间距。