如何使一个<td>跨两列表中的两列？

如何在HTML和CSS中创build类似上述示例的表格。 我已经尝试了以下内容：

<table> <tr> <td style="width:50%">TEXT</td> <td style="width:50%">TEXT</td> </tr> <tr> <td style="width:100%">TEXT</td> </tr> 

但它不会工作。 谁能帮忙？

Answer 1

你应该使用colspan作为第二行。 喜欢这个 ：

 <table> <tr> <td style="width:50%">TEXT</td> <td style="width:50%">TEXT</td> </tr> <tr> <td colspan="2" style="width:100%">TEXT</td> </tr> ... </table> 

用于学习 – > HTML Colspan

Answer 2

有一个colspan属性 ，确定它应该跨越多less列。 你的例子有2列，所以你清理的代码将如下所示：

 <table> <tr> <td width="50%"></td> <td width="50%"></td> </tr> <tr> <td width="50%"></td> <td width="50%"></td> </tr> <tr> <!-- The important part is here --> <td colspan="2">This will have 100% width by default</td> </tr> <tr> <td width="50%"></td> <td width="50%"></td> </tr> <tr> <td width="50%"></td> <td width="50%"></td> </tr> </table>