我在Chrome,Firefox和Safari中尝试了以下代码,但我的div并没有完全集中. HTML： !DOCTYPE html html head link href="custom.css" media="screen" rel="stylesheet" type="text/css" //head body div class="center"Hello!/div/body /h
HTML：
<!DOCTYPE html>
<html>
<head>
<link href="custom.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="center">Hello!</div>
</body>
</html>
custom.css：
.center {
width: 400px;
margin: 0 auto;
border: 5px solid black;
}
这会在Chrome中生成以下内容：
你可以看到左边距大于右边距.
我究竟做错了什么？
这是因为正文有一个边距(浏览器默认)：body { margin: 0px; }
您可能想要使用CSS reset.
如果你的窗户更大,它应该看起来很正常.在你的截图中,它就像：