表格不能垂直居中问题解决一例

最新推荐文章于 2022-12-23 11:43:14 发布

weixin_30674525

最新推荐文章于 2022-12-23 11:43:14 发布

阅读量131

点赞数

原文链接：http://www.cnblogs.com/Daview/archive/2004/05/06/8379.html

版权

近日，朋友在使用DreamWeaver 2004写一个HTML时，发现表格不能垂直居中，很是困惑，源代码为：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

笔者分析本代码并没有什么不妥，甚感怪异，后来笔者对多份能成功居中的HTML和用DREAMWEAVER2004创建的不能居中的HTML进行比较，发现，使用凡是使用DreamWeaver2004写的不能居中的HTML都有这样的文档定义：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

删除这行或修改为：

<!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>

转载于:https://www.cnblogs.com/Daview/archive/2004/05/06/8379.html