Beispiel
Vertikale Ausrichtung des Inhalts innerhalb des <thead> Element nach unten:
<table>
<thead valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
Versuch es selber " Definition und Verwendung
Das <thead> valign - Attribut wird nicht in HTML5 unterstützt. Verwenden Sie CSS statt.
Das valign - Attribut legt die vertikale Ausrichtung des Inhalts in einem <thead> Element.
Browser-Unterstützung
| Attribut | |||||
|---|---|---|---|---|---|
| valign | ja | ja | ja | ja | ja |
Hinweise zur Kompatibilität
Das valign - Attribut von <thead> ist nicht in HTML5 unterstützt. Verwenden Sie CSS statt.
CSS - Syntax: <thead style="vertical-align:bottom">
CSS Beispiel: vertikale align Inhalt innerhalb <thead>
In unserem CSS Tutorial können Sie mehr Details über das finden vertical-align property .
Syntax
<thead 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 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"