Przykład
Pionowe wyrównanie zawartości wewnątrz <thead> elementu do dołu:
<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>
Spróbuj sam " Definicja i Wykorzystanie
<thead> atrybut valign nie jest obsługiwana w HTML5. Za pomocą CSS zamiast.
valign atrybut określa pionowe wyrównanie zawartości w <thead> elementu.
Pomoc Browser
Atrybut | |||||
---|---|---|---|---|---|
valign | tak | tak | tak | tak | tak |
Zgodność Uwagi
valign atrybutem <thead> nie jest obsługiwana w HTML5. Za pomocą CSS zamiast.
Składnia CSS: <thead style="vertical-align:bottom">
CSS Przykład: pionowa treść align wewnątrz <thead>
W naszym poradniku CSS można znaleźć więcej szczegółów na temat vertical-align property .
Składnia
<thead valign="top|middle|bottom|baseline">
wartości atrybutów
Wartość | Opis |
---|---|
top | Zawartość Top-align |
middle | Zawartość Center-align |
bottom | Zawartość Bottom-align |
baseline | Punktem odniesienia jest wyimaginowana linia, która większość litery "siedzieć" na w linii tekstu. Wartość bazowa ustawia wiersz tak, że wszystkie dane z tabeli dzielić tego samego odniesienia. Często ma to taki sam efekt jak wartość dolnego. Jednakże, jeśli czcionki są w różnych rozmiarach, wyjściowy wyglądają lepiej. Spójrz na poniższej ilustracji |
Ilustracja dołu vs. bazowej, jeśli czcionki są w różnych rozmiarach:
valign="bottom"
valign="baseline"