Question

我是新手，当我放大时，我不知道为什么我的h1标签内的文字会向右移动。

以下是CSS代码：

h1 {
    font-family: 'Raleway', sans-serif;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    margin-right: 500px;
    margin-left: 500px;
    text-align: center;
}

另外，我没有使用<div>，因为当我开始编码时，我不知道它是什么。我试图改变它，但一切都围绕着我现在的技术。

感谢。

Answer 1

看到你刚刚开始编码 - 这看起来很棒！

我刚开始时也做了同样的事情，我很确定大多数人都这样做。但就像评论所说 - {margin：0 auto}效果最好。分区非常非常重要。

使用chrome的开发工具 - 这是一种快速添加和删除CSS规则的好方法查看 - ＆gt;开发者 - ＆gt;开发者工具。通过可折叠菜单导航到标题，单击它并在右侧记下相关规则。取消选中左边和右边的边距以测试CSS规则。

你需要删除你的边距左边：右边500px;

我仍然建议这样的事情

<div id="container">
<h1> Your Header </h1>
</div>

这样，你可以将你的css

中容器的div中的h1作为目标

#container h1 {
text-align:center
}
 #container{
 margin: 0 auto;
}

如果有效，请标记已回答

放大时，我的所有h1标签都向右移动

1 个答案: