现在经常以一定的大小为中心.
<html>
<head>
<style type="text/css">
#content { margin: auto; width: 960px;}
</style>
</head>
<body>
<div id="content">Blah!</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
不使用包装器进行对齐和大小,并将其直接应用于body标签是否安全?像这样:
<html>
<head>
<style type="text/css">
body { margin: auto; width: 960px;}
</style>
</head>
<body>
Blah
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
尺寸是安全的,但是margin: auto中心并不完全.
你必须添加text-align: center到身体样式,以便在IE6中居中.(是的,我知道,这完全没有意义,但那是IE6的工作原理)