2010-12-03 242 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>