近日，公司美工在画一个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，就这么简单！
分享到：
相关推荐
下面是程序一例： 程序代码:sql = "select * from tablename"; rs = stmt.executeQuery(sql); //新建Excel文件 String filePath=request.getRealPath("aaa.xls"); File myFilePath=new File(filePath); ...
（9） 快速清除单元格的内容如果要删除内容的单元格中的内容和它的格式和批注，就不能简单地应用选定该单元格，然后按Delete键的方法了。要彻底清除单元格,可用以下方法：选定想要清除的单元格或单元格范围；单击...
能不能让Word对图表公式自动编号，在编号改变时自动更新文档中的相应引用？答案是肯定的！下面以图的编号为例说明具体的作法。 自动编号可以通过Word的“题注”功能来实现。按论文格式要求，第一章的图编号格式为...
下面是程序一例: 程序代码:sql = "select * from tablename"; rs = stmt.executeQuery(sql); //新建Excel文件 String filePath=request.getRealPath("aaa.xls"); File myFilePath=new File...
Excel工作界面 行号 状态栏 工作表标签 水平滚动条 工作表格区 垂直滚动条 编辑栏 列标 功能区 标题栏 快速访问栏 "文件"菜单 EXCEL2007常用实例教程培训全文共15页，当前为第4页。 Excel基础知识 03版扩展名：.xls...
2014年05月31日 执行日期Date of Perform：2014年07月01日 4.2.2 文件章节编码格式及排版 (1) 所有的手册类、程序文件、标准操作程序及管理类文件统一排版，标题全部为中文宋体 三号字，加粗、居中。页边距：上下2.5...
2014年05月31日 执行日期Date of Perform：2014年07月01日 4.2.2 文件章节编码格式及排版 (1) 所有的手册类、程序文件、标准操作程序及管理类文件统一排版，标题全部为中文宋体 三号字，加粗、居中。页边距：上下2.5...