1

所以我回到了基础，试图找出我做错了什么......

如果这是我的网页：

<!doctype html>
<html>
<head>
<style>
    body
    {
        text-align: center;
    }

</style>
</head>

<body>
<header>
    <h1>Hello</h1>
</header>
</body>
</html>

它居中很好，但如果我添加样式

width: 960px;

对于正文样式，标题元素左对齐，并且标题元素（'Hello'）的内容仅在标题元素本身内居中。

我无法弄清楚为什么会这样，或者如何解决它。

4

2 回答 2

1

你做错了，让身体保持原样，使用div固定宽度的 a 说960px并使用margin: auto;它来居中，所以标记/样式就像

<body>
   <div class="wrap"></div>
</body>

html, body { /* Irrelevant here */
   width: 100%;
   height: 100%;
}

div.wrap { /* This will make your div align center */
   width: 960px;
   margin: auto;
}
于 2013-06-01T20:18:55.233 回答
0

制作一个包含所有内容的“包装器” div 并放在width:960px; margin: auto;上面。

于 2013-06-01T20:19:44.313 回答