Question

我尝试将h1集中在body标签中，如下所示：

h1 {margin:0 auto}

但它不是中心。我该如何解决？

Answer 1

在这种情况下：

h1 {
    text-align:center;
}

边距：在元素上设置宽度时使用自动规则，但尚未完成。

Answer 2

您可以通过设置宽度来居中。

<body>
     <h1>My Title</h1>

</body>

CSS

h1 {
    width:500px;
    margin: 0 auto;
    background: gray;
    text-align: center;
}

Answer 3

或者，你可以试试这个：

h1 {
    text-align: center;
    margin: 0px auto;
    display; block;
}

Answer 4

-div style =“margin：0 auto; text-align：left; width：80px;” - 样品

更改宽度以更改位置

Answer 5

j09691 所说的确实有效，但并非总是如此。

这就是我使用的原因：

/* Put this inside element/class. */
transform: translateX(400px);

如果它不适合您的屏幕中央，只需调整它。当然，你可以使用一些 css 和/或 js 魔法来自动调整它。

Answer 6

text-align: center 是最好的选择，但如果您仍想使用 margin: 0 auto 将其居中，您可以为 H1（块）元素分配一些宽度。

<块引用>

您可以通过给它 margin-left 和 auto 的 margin-right （并且 它有一个设定的宽度，否则它会是全宽，不需要居中）。这通常是用像这样的简写：

.center-me {
  margin: 0 auto;
}

来源： https://css-tricks.com/centering-css-complete-guide/#horizontal-block