html表單元格合併

Question

我有一個3行3列的表。如何組合最後一行的列？我的HTML：

<table> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td>Here I need a cell by all width</td></tr> 
</table> 

Answer 1

使用colspan屬性：

<tr><td colspan="3">Here I need a cell by all width</td></tr> 

的跨度屬性定義單元格跨越的列數。

有一個相關的屬性rowspan可以實現相同的行。

Answer 2

對於colspan屬性創建此確切目的。

<table> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td colspan="3">Here I need a cell by all width</td></tr> 
</table> 

同樣可以使用，如果你想跨越多個行使用rowspan屬性。

<table> 
    <tr><td></td><td></td><td rowspan="3">Spans full table height</td></tr> 
    <tr><td></td><td></td></tr> 
    <tr><td></td><td></td></tr> 
</table> 

要了解有關這兩個屬性的更多信息，請訪問官方documentation on w3.org。

另外我希望你不要使用表格，除非你需要表格數據。