近日，公司美工在画一个HTML时，发现表格不能垂直居中，很是困惑，示意源代码为：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="77" align="left" bgcolor=red> </td>
<td align="center" valign="middle" bgcolor=green> </td>
<td width="77" align="left" bgcolor=blue> </td>
</tr>
</table>
</body>
</html>
注意，这里只是示意性的代码，其实美工还写了很多的CSS来试图解决此问题，结果都是于事无补，我分析过那些源代码和CSS文件，并没有什么不妥，甚感怪异，后来笔者对多份能成功居中的HTML一比较，如果加上下面这一行的文档定义，问题就解决了。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
修改后的代码为：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="77" align="left" bgcolor=red> </td>
<td align="center" valign="middle" bgcolor=green> </td>
<td width="77" align="left" bgcolor=blue> </td>
</tr>
</table>
</body>
</html>
OK，就这么简单！