HTML DOM vAlign 属性

定义和用法

vAlign 属性设置或返回数据在行中的垂直对齐方式。

语法

  1. tablerowObject.vAlign=top|bottom|middle|baseline

实例

下面的例子更改了数据在行中的垂直排列方式:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function topAlign()
  5. {
  6. document.getElementById('tr2').vAlign="top";
  7. }
  8. </script>
  9. </head>
  10. <body>
  11.  
  12. <table width="50%" border="1">
  13. <tr id="tr1">
  14. <th>Firstname</th>
  15. <th>Lastname</th>
  16. <th>Text</th>
  17. </tr>
  18. <tr id="tr2">
  19. <td>Peter</td>
  20. <td>Griffin</td>
  21. <td>Hello my name is Peter Griffin.
  22. I need a long text for this example.
  23. I need a long text for this example.</td>
  24. </tr>
  25. </table>
  26. <br />
  27. <input type="button" onclick="topAlign()"
  28. value="Top-align table row" />
  29.  
  30. </body>
  31. </html>