在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplay.com)</title>
<script>
function topAlign(){
	document.getElementById('tr2').vAlign="top";
}
</script>
</head>
<body>

<table width="50%" border="1">
<tr id="tr1">
	<th>第一名字</th>
	<th>下一个名字</th>
	<th>文本</th>
</tr>
<tr id="tr2">
	<td>Peter</td>
	<td>Griffin</td>
	<td>你好，我的名字叫Peter Griffin. 
		需要长文本来演示这个例子。
		需要长文本来演示这个例子。</td>
</tr>
</table>
<br>
<input type="button" onclick="topAlign()" value="垂直对齐" />

</body>
</html>
源代码

动行结果
