垂直对齐单元格中的内容

  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>名</th>
  17. <th>姓</th>
  18. <th>文本</th>
  19. </tr>
  20. <tr>
  21. <td id="td1">John</td>
  22. <td id="td2">Adams</td>
  23. <td id="td3">你们好。我是名字是 John Adams。
  24. 在本例中，我需要一段长的文本。
  25. 在本例中，我需要一段长的文本。
  26. 在本例中，我需要一段长的文本。</td>
  27. </tr>
  28. </table>
  29. <br />
  30. <input type="button" onclick="topAlign()" value="上对齐表格单元" />
  31.  
  32. </body>
  33. </html>