2010-12-03 198 views
57

我在HTML中创建了一个表格,我希望我的顶部单元格的宽度是两个。这里有一个粗略的绘图:合并两个HTML表格单元格

__________________________________________ 
|    HEADER     | 
|          | 
========================================== 
|     ||     | 
|  CONTENT  ||  CONTENT  | 
|     ||     | 
------------------------------------------ 

有没有什么办法可以在HTML中完成这项工作?

回答

97

在您的顶部单元格(<td>)中为属性colspan(“列跨距”的宽度)添加一个属性并将其值设置为2. 您的表格应类似于以下内容;

<table> 
    <tr> 
     <td colspan = "2"> 
      <!-- Merged Columns --> 
     </td> 
    </tr> 

    <tr> 
     <td> 
      <!-- Column 1 --> 
     </td> 

     <td> 
      <!-- Column 2 --> 
     </td> 
    </tr> 
</table> 
1

使用合并单元格为做到这一点

<td colspan="3">PUR mix up column</td>