2010-12-03 7 views
57

Ich erstelle eine Tabelle in HTML und ich möchte meine obere Zelle die Breite von zwei haben. Hier ist eine grobe Zeichnung:Merge zwei HTML-Tabellenzellen

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

Gibt es eine Möglichkeit, dies in HTML zu erreichen?

Antwort

97

Fügen Sie ein Attribut colspan (abbriviation für ‚Spaltenspanne‘) in der oberen Zelle (<td>) und seinen Wert auf 2. Ihre Tabelle sollte die folgenden ähnelt;

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

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

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

Verwendung colspan für tun, um diesen

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