Html元素对齐问题

我已经在页面顶部创建了标题，如下所示。但为什么即使我将页边距保持为0，它也会保持页面顶部边框的空间

评论网络

添加属性

页边距顶部：0到您的
。页眉文本
选择器

有关所需垂直居中的工作代码片段，请参见。
添加属性
边距顶部：0到您的
。页眉文本
选择器

有关所需垂直居中的工作代码片段，请参阅。
将此添加到CSS中：

h1 {
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
}

浏览器添加了自己的默认样式，这导致了h1的边距问题。设置边距：0自动；覆盖该默认样式。“自动”告诉浏览器在元素的左侧和右侧之间分割剩余空间，从而使其居中
 将此添加到CSS中：

h1 {
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
}

浏览器添加了自己的默认样式，这导致了h1的边距问题。设置边距：0自动；覆盖该默认样式。“自动”告诉浏览器在元素的左侧和右侧之间分割剩余空间，从而使其居中
 我通常这样做

我的第一个答案是：小提琴-

因为你不想要
位置：绝对

新建小提琴：

我所做的改变：

将此添加到header类：

text-align:center;

并补充,

h1 {
margin: 0 auto;
padding-top: 0;
}

希望这有帮助。
我通常这样做

我的第一个答案是：小提琴-

因为你不想要
位置：绝对

新建小提琴：

我所做的改变：

将此添加到header类：

text-align:center;

并补充,

h1 {
margin: 0 auto;
padding-top: 0;
}

希望这有帮助。
拥有
是多余的。它已经在一个body元素中了。它被称为margin-collapse。如果有
，那么可能的重复是多余的。它已经在一个body元素中。它被称为margin-collapse。可能是重复的感谢，但为什么文本不在中间对齐？编程很疯狂，如果你想让文本居中，你只需要在左右边距添加“自动”。我用这个更新了我的答案。还要确保包括文本对齐：居中@希兰：我想让它在中心垂直对齐，而不是水平对齐。这是不可能的hep@HiramHibbard“你能再多描述一下它的工作原理吗？”凯文：当然。更新了我的答案，提供了更多的细节。谢谢，但为什么文本不居中对齐？编程很疯狂，如果你想让文本居中，你只需要在左右边距添加“自动”。我用这个更新了我的答案。还要确保包括文本对齐：居中@希兰：我想让它在中心垂直对齐，而不是水平对齐。这是不可能的hep@HiramHibbard“你能再多描述一下它的工作原理吗？”凯文：当然。更新了我的答案，提供了一些更多的细节。我希望它在中心垂直对齐，而不是水平对齐。这是不可能的help@Programming_crazy那么，我将再次编辑我的答案。它已经垂直居中了。@u\n我添加了一个JSFIDLE，它会给你想要的结果。你能告诉我如何增加页眉高度吗？不使用像素？我做了
身高：10%但没有help@Programming_crazy
高度：10%将指定父元素总高度的10%。您可以做的是更改
填充顶部：5px至
填充顶部：1%以获得大致相同的结果。我希望它在中心垂直对齐，而不是水平对齐。这是不可能的help@Programming_crazy那么，我将再次编辑我的答案。它已经垂直居中了。@u\n我添加了一个JSFIDLE，它会给你想要的结果。你能告诉我如何增加页眉高度吗？不使用像素？我做了
身高：10%但没有help@Programming_crazy
高度：10%将指定父元素总高度的10%。您可以做的是更改
填充顶部：5px至
填充顶部：1%以获得大致相同的结果。好的，我已经处理好了。编辑回答谢谢，但高度：10%为什么不增加收割台高度？我不想用像素来表示高度这很有趣，因为当我将字体大小更改为例如16px时，它会按比例更改页眉高度。我正在设法解决这个问题，我已经处理好了。编辑回答谢谢，但高度：10%为什么不增加收割台高度？我不想用像素来表示高度这很有趣，因为当我将字体大小更改为例如16px时，它会按比例更改页眉高度。我正在设法解决它