Beispiel
Eine HTML-Tabelle mit verschiedenen vertikalen ausgerichteten Säulen:
<table style="height:200px">
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Versuch es selber " Definition und Verwendung
Das valign - Attribut legt die vertikale Ausrichtung des Inhalts in einer Spaltengruppe.
Browser-Unterstützung
| Attribut | |||||
|---|---|---|---|---|---|
| valign | Nicht unterstützt | ja | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt |
Das valign - Attribut wird nur im Internet Explorer und Opera 12 und früheren Versionen unterstützt. Sie sind jedoch nicht den Wert unterstützen "baseline" .
Hinweise zur Kompatibilität
Das valign - Attribut von <colgroup> ist nicht in HTML5 unterstützt. Verwenden Sie CSS statt.
CSS - Syntax: <td style="vertical-align:bottom">
CSS Beispiel: Vertical-align Text in Tabellenspalten
In unserem CSS Tutorial können Sie mehr Details über das finden vertical-align Eigenschaft .
Syntax
<colgroup valign="top|middle|bottom|baseline">
Werte Attribut
| Wert | Beschreibung |
|---|---|
| top | Top-align Inhalt |
| middle | -Center-align Inhalt |
| bottom | Bottom-align Inhalt |
| baseline | Die Grundlinie ist die "gedachte Linie", die meisten Buchstaben "sitzen" auf, in einer Textzeile. Die Baseline-Wert setzt die Reihe, so dass alle Tabellendaten die gleiche Grundlinie teilen. Häufig hat dies die gleiche Wirkung wie die untere Wert. Wenn jedoch die Schriften in verschiedenen Größen sind, Baseline sieht besser aus. Schauen Sie sich die Abbildung unten |
Illustration von unten vs. Baseline, wenn Schriftarten sind in verschiedenen Größen:
valign = "bottom"
valign = "Baseline"