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