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/