HTML 表格需要列间距，而不是行间距

Question

我有一个 HTML 表格。我需要在表格列之间留有间距，但表格行之间不需要。

如果我使用 cellspacing CSS 属性，它会在行和列之间执行。我也不能在我所做的事情中使用 CSS。我需要使用纯 HTML。

Answer 1

更好的方法是使用 Shredder 的 css 规则:padding: 0 15px 0 15px仅代替内联 css，定义适用于所有 tds 的 css 规则。通过在页面中使用样式标记来执行此操作:

<style type="text/css">
  td {
    padding: 0 15px;
  }
</style>

或者给表格一个像“paddingBetweenCols”这样的类，并在站点中使用 CSS

.paddingBetweenCols td {
  padding: 0 15px;
}

站点 css 方法定义了一个可以被所有页面重用的中心规则。

如果您要使用站点 css 方法，最好像上面那样定义一个类并将填充应用于该类...除非您希望整个站点上的所有 td 都应用相同的规则。

Fiddle for using style tag

Fiddle for using site css