類別
valign是HTML表格中tr 標籤屬性。
基本描述
valign -- 代表行的垂直對齊方式(top(頂部對齊) | middle(中部對齊) | bottom(下部對齊) | baseline(基線對齊))(此屬性應該使用CSS實現) 。
valign可以通俗的理解為上中下。
而和align的區別是 align為左中右。
用法詳解
定義和用法
valign用法實例vAlign 屬性設定 或返回單元格內數據的垂直排列方式。
語法
tabledataObject.vAlign=top|middle|bottom|baseline
屬性值
下表列出來 HTML <tr> 標籤的valign 屬性的值：
| 值 | 描述 |
| top | 對內容進行上對齊。 |
| middle | 對內容進行居中對齊（默認值）。 |
| bottom | 對內容進行下對齊。 |
| baseline | 與基線對齊。基線是一條虛構的線。在一行文本中，大多數字母以基線為基準。baseline 值設定行中的所有表格數據都分享相同的基線。該值的效果常常與 bottom 值相同。不過，如果文本的字號各不相同，那么 baseline 的效果會更好。請看下面的圖示。 |
實例
下面的例子更改了單元格內數據的垂直排列方式：
<html><head><script type="text/javascript">function topAlign()
{
document.getElementById('td1').vAlign="top";
document.getElementById('td2').vAlign="top";
document.getElementById('td3').vAlign="top";
}
</script></head><body><table width="50%" border="1">
<tr><th>Firstname</th>
<th>Lastname</th>
<th>Text</th></tr>
<tr><td id="td1">Peter</td>
<td id="td2">Griffin</td>
<td id="td3">Hello my name is Peter Griffin. I need a long text for this example. I need a long text for this example.</td></tr></table><br />
<input type="button" onclick="topAlign()"value="Top-align table cells" /></body></html>
