tr vAlign 属性
tr 对象的 vAlign 属性用于设置或返回数据在行中的垂直对齐方式
语法
设置 vAlign 属性
trObject.vAlign="baseline|bottom|middle|top"
返回 vAlign 属性
trObject.vAlign
值说明
值 | 描述 |
---|---|
baseline | 与基线对齐 |
bottom | 对内容进行下对齐 |
middle | 对内容进行下对齐 |
top | 对内容进行上对齐 |
浏览器支持
所有主流浏览器都支持 vAlign 属性
范例
下面的范例更改了单元格内数据的垂直排列方式
<script> function displayResult(){ document.getElementById('tr2').vAlign="top"; } </script> <table width="50%" border="1"> <tr id="tr1"> <th>第一个名称</th> <th>下一个名称</th> <th>文本</th> </tr> <tr id="tr2"> <td>Peter</td> <td>Griffin</td> <td>你好,我的名字叫Perter,我需要一个长文本来演示,我需要一个长文本来演示。</td> </tr> </table> <br> <button type="button" onclick="displayResult()">内容向上对齐</button>