HTML Tischgrößen
HTML-Tabellen können für jede Spalte, Zeile oder die gesamte Tabelle unterschiedliche Größen haben.
Verwenden Sie das Attribut style mit der width oder height Eigenschaften, um die Größe einer Tabelle, Zeile oder Spalte anzugeben.
HTML Tischbreite
Um die Breite einer Tabelle festzulegen, fügen Sie das Attribut style zum Element <table> hinzu:
Beispiel
Set the width of the table to 100%:
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Try it Yourself »
Hinweis: Die Verwendung eines Prozentsatzes als Größeneinheit für eine Breite gibt an, wie breit dieses Element im Vergleich zu seinem übergeordneten Element sein wird, in diesem Fall <body> Element.
HTML Breite der Tabellenspalte
Um die Größe einer bestimmten Spalte festzulegen, fügen Sie das Attribut style zu einer Klasse <th> oder hinzu <td> Element:
Beispiel
Stellen Sie die Breite der ersten Spalte auf 70 % ein:
<table style="width:100%">
<tr>
<th style="width:70%">Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Try it Yourself »
HTML Tabellenzeilenhöhe
Um die Höhe einer bestimmten Zeile festzulegen, fügen Sie das Attribut style zu einem Tabellenzeilenelement hinzu:
Beispiel
Stellen Sie die Höhe der zweiten Zeile auf 200 Pixel ein:
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr style="height:200px">
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Try it Yourself »
