Beispiel
Eine HTML-Tabelle mit verschiedenen vertikalen ausgerichteten Reihen:
<table>
<tr valign="middle">
<th>Month</th>
<th>Savings</th>
</tr>
<tr valign="bottom">
<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 Tabellenzeile.
Browser-Unterstützung
| Attribut | |||||
|---|---|---|---|---|---|
| valign | ja | ja | ja | ja | ja |
Hinweise zur Kompatibilität
Das valign - Attribut des <tr> ist nicht in HTML5 unterstützt. Verwenden Sie CSS statt.
CSS - Syntax: <tr style="vertical-align:bottom">
CSS Beispiel: vertikale align Inhalt innerhalb <tr>
In unserem CSS Tutorial können Sie mehr Details über das finden vertical-align Eigenschaft .
Syntax
<tr 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"