如何使用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>