วิธีตั้งค่าการจัดตำแหน่งแนวตั้งของเนื้อหาในองค์ประกอบด้วย JavaScript

หากต้องการตั้งค่าการจัดตำแหน่งแนวตั้ง ให้ใช้คุณสมบัติ verticalAlign ตั้งค่าเป็น top หากต้องการย้ายข้อความเฉพาะส่วนไปด้านบน

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อคืนค่าการจัดตำแหน่งแนวตั้งของเนื้อหาในองค์ประกอบด้วย 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>