+ -
当前位置:首页 → 问答吧 → 为什么代码几乎相同,但执行效果却不同??

为什么代码几乎相同,但执行效果却不同??

时间:2010-10-30

来源:互联网

第一个文档如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div style="height:300px; background:#ccc;">
        <div style="width:50px; height:50px; background:#f00; margin:0 auto;"></div>
</div>
</body>
</html>

这段代码不能显示居中;

第二个代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div style="height:300px; background:#ccc;">
        <div style="width:50px; height:50px; background:#f00; margin:0 auto;"></div>
</div>
</body>
</html>

这段代码就可以居中,不知道是为什么,body中元素差不多相同,但执行效果却是不同,我想请教下,这是为什么?

作者: kuxuan56   发布时间: 2010-10-30

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


一个是html
一个是xhtml

作者: eager   发布时间: 2010-10-30