如何使用JavaScript设置元素中内容的垂直对齐方式？

要设置垂直对齐方式，请使用verticalAlign属性。如果要将特定文本移到顶部，请将其设置在顶部。

示例

您可以尝试运行以下代码以使用JavaScript返回元素中内容的垂直对齐方式-

<!DOCTYPE html>
<html>
   <head>
      <style>
         table {
            border: 2px solid blue;
            width: 200px;
            height: 200px;
         }
      </style>
   </head>
   <body>
      <table>
         <tr>
            <td id = "myTable">Demo Text1</td>
         </tr>
         <tr>
            <td>Demo Text2</td>
         </tr>
         <tr>
            <td>Demo Text3</td>
         </tr>
      </table>
      <br>
      <button type = "button" onclick = "display()"> Set top position </button>
      <script>
         function display() {
            document.getElementById("myTable").style.verticalAlign="top";
         }
      </script>
   </body>
</html>

基础教程