Question

所以我已经回归基础，试图弄清楚我做错了什么......

如果这是我的网页：

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

</style>
</head>

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

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

width: 960px;

到主体样式，header元素左对齐，header元素（'Hello'）的内容仅在header元素本身内居中。

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

Answer 1

你做错了，保持身体不变，使用固定宽度div的{{1}}并使用960px将其居中，这样标记/样式就会出现像

margin: auto;

Answer 2

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

居中元素时的问题

2 个答案: