-
valign
鎖定
- 外文名
- valign
- 類 別
- HTML表格中tr標籤屬性
- 屬 性
- 計算機術語
- 語 法
- tabledataObject.vAlign
valign類別
valign是HTML表格中tr 標籤屬性。
valign基本描述
valign可以通俗的理解為上中下。
而和align的區別是 align為左中右。
valign用法詳解
valign定義和用法
valign用法實例(3張)
valign語法
valign屬性值
值 | 描述 |
|---|---|
top | 對內容進行上對齊。 |
middle | 對內容進行居中對齊（默認值）。 |
bottom | 對內容進行下對齊。 |
與基線對齊。基線是一條虛構的線。在一行文本中，大多數字母以基線為基準。baseline 值設置行中的所有表格數據都分享相同的基線。該值的效果常常與 bottom 值相同。不過，如果文本的字號各不相同，那麼 baseline 的效果會更好。請看下面的圖示。 |
valign實例
下面的例子更改了單元格內數據的垂直排列方式：
<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>
- 參考資料
-
- 1. HTML DOM vAlign 屬性
- 2. HTML valign 屬性 ．W3Cschool[引用日期2018-03-01]
