例
一個HTML表不同的垂直對齊的列:
<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>
試一試» 定義和用法
的valign屬性指定相關的內容的垂直取向<col>元素。
瀏覽器支持
屬性 | |||||
---|---|---|---|---|---|
valign | 不支持 | 是 | 不支持 | 不支持 | 不支持 |
該valign屬性只在Internet Explorer和Opera 12和早期版本的支持。 但是,它們不支持的值"baseline" 。
兼容性說明
該valign的屬性<col>不支持HTML5。 使用CSS來代替。
CSS語法: <td style="vertical-align:bottom">
在我們的CSS教程中,你可以找到有關的更多詳細信息vertical-align屬性 。
句法
<col valign="top|middle|bottom|baseline">
屬性值
值 | 描述 |
---|---|
top | 頂部對齊內容 |
middle | 中心對齊內容 |
bottom | 底部對齊內容 |
baseline | 基準線是“虛線”其中大部分信件的“坐”,在一行文字。 基準值設定行,使所有的表數據共享相同的基線。 常常這具有作為底值相同的效果。 然而,如果字體是在不同的尺寸,基線看起來更好。 看看下面的圖 |
底部與基線的插圖,如果字體大小不同:
VALIGN =“底”
VALIGN =“基線”