基本介紹
- 外文名：valign
- 類別：HTML表格中tr 標籤屬性
- 屬性：計算機術語
- 語法：tabledataObject.vAlign
類別,基本描述,用法詳解,定義和用法,語法,屬性值,實例,
類別
valign是HTML表格中tr 標籤屬性。
基本描述
valign可以通俗的理解為上中下。
而和align的區別是 align為左中右。
用法詳解
定義和用法
vAlign 屬性設定或返回單元格內數據的垂直排列方式。
語法
屬性值
下表列出來 HTML <tr> 標籤的valign 屬性的值：
| 值 | 描述 |
|---|---|
top | 對內容進行上對齊。 |
middle | 對內容進行居中對齊（默認值）。 |
bottom | 對內容進行下對齊。 |
與基線對齊。基線是一條虛構的線。在一行文本中，大多數字母以基線為基準。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>
