JS implements the method of controlling the vertical alignment of table row contents

  • 2020-05-19 04:12:05
  • OfStack

This article demonstrates an example of how JS can control the vertical alignment of table row contents. Share with you for your reference. The specific analysis is as follows:

The code below controls the vertical alignment of the contents of the table rows through the vAlign attribute of the table, which can be placed at the top, centered, or aligned at the bottom


<!DOCTYPE html>
<html>
<head>
<script>
function topAlign()
{
document.getElementById('tr2').vAlign="top";
}
</script>
</head>
<body>
<table width="50%" border="1">
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
<th>Text</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
<td>Hello my name is Peter Griffin.
I need a long text for this example.
I need a long text for this example.</td>
</tr>
</table>
<br>
<input type="button" onclick="topAlign()" value="Top-align table row" />
</body>
</html>

I hope this article is helpful for you to design javascript program.


Related articles: