Przykład
Tabeli HTML z różnych pionowych kolumnach wyrównany:
<table style="height:200px">
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Spróbuj sam " Definicja i Wykorzystanie
valign atrybut określa pionowe wyrównanie zawartości w grupie kolumny.
Pomoc Browser
| Atrybut | |||||
|---|---|---|---|---|---|
| valign | Nieobsługiwany | tak | Nieobsługiwany | Nieobsługiwany | Nieobsługiwany |
valign atrybut jest obsługiwany tylko w programie Internet Explorer i Opera 12 i wcześniejszych wersjach. Jednak one nie obsługują wartości "baseline" .
Zgodność Uwagi
valign atrybutem <colgroup> nie jest obsługiwana w HTML5. Za pomocą CSS zamiast.
Składnia CSS: <td style="vertical-align:bottom">
Przykład CSS: text-align pionie w kolumnach tabeli
W naszym poradniku CSS można znaleźć więcej szczegółów na temat vertical-align nieruchomości .
Składnia
<colgroup 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óre 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 = "bazowy"