当前位置：Gxlcms > JavaScript > JS实现控制表格单元格垂直对齐的方法

JS实现控制表格单元格垂直对齐的方法

时间：2021-07-01 10:21:17 帮助过：3人阅读

本文实例讲述了JS实现控制表格单元格垂直对齐的方法。分享给大家供大家参考。具体如下：

下面的代码控制指定的单元格靠底部垂直对齐

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script>
  5. function valignCell()
  6. {
  7. var x=document.getElementById('myTable').rows[0].cells;
  8. x[0].vAlign="bottom";
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <table id="myTable" border="1" height="70%">
  14. <tr>
  15. <td>First cell</td>
  16. <td>Second cell</td>
  17. </tr>
  18. <tr>
  19. <td>Third cell</td>
  20. <td>Fourth cell</td>
  21. </tr>
  22. </table>
  23. <form>
  24. <input type="button" onclick="valignCell()"
  25. value="Vertical align cell content">
  26. </form>
  27. </body>
  28. </html>

希望本文所述对大家的javascript程序设计有所帮助。

人气教程排行

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！