UC知道有关CSS中居中效果的实现
来源：百度知道 编辑：UC知道 时间：2024/06/01 11:31:20
按照教材上的说法，当margin的第二个值为auto时，将实现对象自动居中的效果，不过以下的语句为什么没有居中的效果？
我在浏览器中运行的结果是靠左的一条虚线。
<html>
<head>
</head>
<body style="margin:0;padding:0">
<div style="margin:5px auto;width=800px;border-bottom:1px dashed #000000"></div>
</body>
</html>
我在浏览器中运行的结果是靠左的一条虚线。
<html>
<head>
</head>
<body style="margin:0;padding:0">
<div style="margin:5px auto;width=800px;border-bottom:1px dashed #000000"></div>
</body>
</html>
很简单，加上一句
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
再把width=800px;改成width:800px;就行了。
就是文档类型设置错误。。。 <!DOCTYPE
这句没有写的问题。
如果你的代码在firefox里面是居中的。
但是在ie里面不是居中。
<!DOCTYPE 定义的是关于文档内部HTML代码的解析方法定义。 如果不写这个代码就调用默认的文档定义。
IE的默认解析方法是将auto替换成居左的方式。
如果在firefox是正常的。
改过后的代码为：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body style="margin:0;padding:0">
<div style="margin:5px auto;width:800px;border-bottom:1px dashed #00000