Exemplu
Un tabel HTML cu diferite coloane verticale aliniate:
<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>
Încearcă - l singur » Definiție și utilizare
valign atribut specifica alinierea verticală a conținutului într - un grup de coloane.
Suport pentru browser-
| Atribut | |||||
|---|---|---|---|---|---|
| valign | Nu sunt acceptate | da | Nu sunt acceptate | Nu sunt acceptate | Nu sunt acceptate |
valign atribut este acceptat numai în Internet Explorer și Opera 12 și versiunile anterioare. Cu toate acestea, ele nu susțin valoarea "baseline" de "baseline" .
Note de compatibilitate
valign atribut al <colgroup> nu este acceptată în HTML5. Utilizați CSS în loc.
Sintaxa CSS: <td style="vertical-align:bottom">
CSS Exemplu: vertical-align textului în coloane de tabel
În tutorial CSS puteți găsi mai multe detalii despre vertical-align proprietate .
Sintaxă
<colgroup valign="top|middle|bottom|baseline">
Valorile atributelor
| Valoare | Descriere |
|---|---|
| top | Conținutul Top-align |
| middle | Centrul nostru Alinierii |
| bottom | Conținutul de fund-align |
| baseline | Linia de bază este "imaginary line" care cele mai multe litere "sit" pe, într - o linie de text. Valoarea de referință stabilește rândul, astfel încât toate datele din tabel împărtășesc aceeași bază. Adesea, acest lucru are același efect ca și valoarea de jos. Cu toate acestea, în cazul în care fonturile sunt în diferite dimensiuni, linia de bază arată mai bine. Uită-te la ilustrația de mai jos |
Ilustrarea jos fata de valoarea initiala, dacă fonturile sunt în diferite dimensiuni:
valign = "bottom"
valign = "bază"