表格行上的边框而不是 td - 缺少 td答案

【问题标题】：Border on table row instead on td - missing td's表格行上的边框而不是 td - 缺少 td
【发布时间】：2018-02-02 04:33:24
【问题描述】：

我有一个由 PHP 生成的表。我想稍微设计一下表格的样式，所以每一行都有一个border-bottom。

我使用了border-collapse: collapse;，因此我不必将边框应用于td。我在这里重现了我的问题：

http://codepen.io/anon/pen/zvpKBE

我希望每个水平边框都与行一样长。当我检查我的行时，它已经足够长了，但边框只适用于其中的 td。

【问题讨论】：

标签： html css html-table border

【解决方案1】：

您的 (td) 标题列和数据列应该等于完全有边框。如下所示

    <table>
      <tbody><tr>
        <td>This is an test</td>
        <td>Second field</td>
        <td>Third field</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
       <td>&nbsp;</td>
   <td>&nbsp;</td>
      </tr>
      <tr>
     <td>&nbsp;</td>
    <td>&nbsp;</td>
   <td>&nbsp;</td>
      </tr>
    </tbody>

【讨论】：

没错。 tr 本身没有可见的边框，因此您必须依靠 tds 来显示它们。对于 OP 来说幸运的是，该表是由 PHP 生成的，因此他们可以轻松计算出每行还需要回显多少 tds。
这很难，因为几乎所有填充的td 的行跨度都为 2 或更多，因此很难看出下一行是否真的需要 3 或 4 个 td。希望有一种方法可以让边界正确，而无需td's 的数量。
使用表头列和数据列相等总是安全的方法。