Örnek
Farklı dikey hizalanmış sütunlar bir HTML tablosu:
<table
style="height:200px">
<col valign="top">
<col valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Kendin dene " Tanımı ve Kullanımı
valign özelliği, bir ilgili içerik dikey hizalamasını belirtir <col> elemanı.
Tarayıcı Desteği
| nitelik | |||||
|---|---|---|---|---|---|
| valign | Desteklenmiyor | Evet | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor |
valign niteliği yalnızca Internet Explorer ve Opera 12 ve önceki sürümlerinde desteklenir. Ancak, onlar değerini desteklemez "baseline" .
Uyumluluk Notları
valign öznitelik <col> HTML5 desteklenmez. CSS yerine kullanın.
CSS sözdizimi: <td style="vertical-align:bottom">
CSS Örnek: tablo sütunlarında Dikey-align metin
Bizim CSS eğitimde şunları ilgili daha fazla ayrıntı bulabilirsiniz vertical-align özelliği .
Sözdizimi
<col valign="top|middle|bottom|baseline">
Özellik Değerleri
| değer | Açıklama |
|---|---|
| top | Üst-align içerik |
| middle | Merkezi-align içerik |
| bottom | Alt-align içerik |
| baseline | Bazal olan "imaginary line" en harfleri "sit" bir metin satırı içinde, üzerinde. bazal değer tüm tablo veri aynı taban çizgisini paylaşan böylece satır ayarlar. Genellikle bu alt değer olarak aynı etkiye sahiptir. yazı farklı boyutlardadır Ancak, bazal iyi görünüyor. Aşağıdaki resimde bak |
başlangıca göre alt İllüstrasyon yazı farklı boyutlarda ise:
valign = "alt"
valign = "taban"