JS实现控制表格单元格垂直对齐的方法

2024-05-06 16:17:49

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JS实现控制表格单元格垂直对齐的方法,涉及javascript操作表单元素样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS实现控制表格单元格垂直对齐的方法。分享给大家供大家参考。具体如下：

下面的代码控制指定的单元格靠底部垂直对齐

<!DOCTYPE html>

<html>

<head>

<script>

function valignCell()

{

var x=document.getElementById('myTable').rows[0].cells;

x[0].vAlign="bottom";

}

</script>

</head>

<body>

<table id="myTable" border="1" height="70%">

<tr>

<td>First cell</td>

<td>Second cell</td>

</tr>

<tr>

<td>Third cell</td>

<td>Fourth cell</td>

</tr>

</table>

<form>

<input type="button" onclick="valignCell()"

value="Vertical align cell content">

</form>

</body>

</html>