Exemplu
Un tabel HTML cu diferite rânduri verticale aliniate:
<table>
<tr valign="middle">
<th>Month</th>
<th>Savings</th>
</tr>
<tr valign="bottom">
<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 rând de tabel.
Suport pentru browser-
Atribut | |||||
---|---|---|---|---|---|
valign | da | da | da | da | da |
Note de compatibilitate
valign atributul <tr> nu este acceptată în HTML5. Utilizați CSS în loc.
Sintaxa CSS: <tr style="vertical-align:bottom">
CSS Exemplu: conținut align vertical interior <tr>
În tutorial CSS puteți găsi mai multe detalii despre vertical-align property .
Sintaxă
<tr 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="baseline"