HTML DOM vAlign 属性

定义和用法

vAlign 属性设置或返回单元格内数据的垂直排列方式。

语法

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

实例

下面的例子更改了单元格内数据的垂直排列方式:

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