HTML行边框全表宽度

Question

我有一个自动生成的HTML表，其中包含几行，每行的列数不同。

我需要有一条分隔行的行是表的全宽。我目前有一个border-top，它只与该行一样长，导致不同的行长。

Here is a Fiddle to better explain my current situation

我希望有可能使所有的行长度相同，而不知道最多有多少列。

Answer 1

也可以添加border-bottom。这样它总是和最长的行

一样长

td {
    border-top: 1px solid black;
  border-bottom: 1px solid black;
}

这是链接： https://jsfiddle.net/obun4jv9/2/

如果您不希望最后一行有一个边框底部，您可以这样做：

tr {
    border-top: 1px solid black;
  border-bottom: 1px solid black;
}

tr:last-of-type {
  border-bottom: none;
}

链接：https://jsfiddle.net/obun4jv9/3/

如果你可以设置宽度，这也是一种可能性：

tr {
  width: 100%;
  border-top: 1px solid black;
  display: inline-block;
}

tr:first-of-type {
  border-top: none
}

链接：https://jsfiddle.net/obun4jv9/7/