Beispiel
Vertikale Ausrichtung des Inhalts innerhalb <td> Elemente:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td valign="bottom">January</td>
<td valign="bottom">$100</td>
</tr>
</table>
Versuch es selber " Definition und Verwendung
Das valign - Attribut legt die vertikale Ausrichtung des Inhalts in einer Zelle.
Browser-Unterstützung
| Attribut | |||||
|---|---|---|---|---|---|
| valign | ja | ja | ja | ja | ja |
Hinweise zur Kompatibilität
Das valign - Attribut <td> ist nicht in HTML5 unterstützt. Verwenden Sie CSS statt.
CSS - Syntax: <td style="vertical-align:bottom">
CSS Beispiel: vertikale align Inhalt innerhalb <td>
In unserem CSS Tutorial können Sie mehr Details über das finden vertical-align property .
Syntax
<td valign="top|middle|bottom|baseline">
Werte Attribut
| Wert | Beschreibung |
|---|---|
| top | Top-align Inhalt |
| middle | -Center-align Inhalt |
| bottom | Bottom-align Inhalt |
| Grundlinie | 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"