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/