Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để đặt căn chỉnh theo chiều dọc của nội dung trong một phần tử bằng JavaScript?


Để đặt căn chỉnh theo chiều dọc, hãy sử dụng thuộc tính verticalAlign. Đặt nó ở trên cùng nếu bạn muốn di chuyển một văn bản cụ thể lên trên cùng.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để trả về sự căn chỉnh theo chiều dọc của nội dung trong một phần tử bằng 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>