tr vAlign 属性
vAlign 属性设置或返回数据在行中的垂直对齐方式。
语法
设置 vAlign 属性:
trObject.vAlign="baseline|bottom|middle|top"
返回 vAlign 属性:
trObject.vAlign
值 | 描述 |
---|---|
baseline | 与基线对齐。 |
bottom | 对内容进行下对齐。 |
middle | 对内容进行下对齐。 |
top | 对内容进行上对齐。 |
浏览器支持
所有主流浏览器都支持 vAlign 属性。
在线实例
实例
下面的例子更改了单元格内数据的垂直排列方式:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>牛客教程(nowcoder.com)</title> <script> function displayResult(){ document.getElementById('tr2').vAlign="top"; } </script> </head> <body> <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> </body> </html>