Css 我如何使h1在体内居中_Css_Html Heading

Css 我如何使h1在体内居中

css

Css 我如何使h1在体内居中,css,html-heading,Css,Html Heading,我尝试将我的h1集中在body标记中，如下所示： h1 {margin:0 auto} .center-me { margin: 0 auto; } 但它不在中心。如何修复它？在这种情况下： h1 { text-align:center; } “边距：自动”规则用于在元素上设置宽度，但尚未设置宽度。或者，您可以尝试以下操作： h1 { text-align: center; margin: 0px auto; display; block; } 可

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

h1 {margin:0 auto}

.center-me {
  margin: 0 auto;
}

但它不在中心。如何修复它？

在这种情况下：

h1 {
    text-align:center;
}

“边距：自动”规则用于在元素上设置宽度，但尚未设置宽度。

或者，您可以尝试以下操作：

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

可以通过设置宽度使其居中

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

</body>

-div style=“边距：0自动；文本对齐：左；宽度：80px；”- 样本

改变宽度以改变位置

j09691所说的确实有效，但并非始终有效

这就是为什么我使用：

/*将其放入元素/类中*/
转换：translateX（400px）；

如果它不适合你的屏幕中央，只需调整它。

当然，您可以使用一些css和/或js魔术来自动调整它。

文本对齐：居中是最佳选择，但如果您仍然想使用边距：0 auto
将其居中，则必须为H1
（块）元素指定一些宽度
您可以通过为块级元素提供左边框和右边框，使其居中
自动的右边距（并且它有一个设定的宽度，否则它将是
全宽，无需居中）。这通常都是和你一起做的
像这样的速记：
h1 {margin:0 auto}

.center-me {
  margin: 0 auto;
}

来源：

使用文本对齐：居中。。h1
是宽度为100%的块级元素<代码>边距：0自动

在此实例中不起作用。

文本对齐：居中

<代码>h1默认为100%宽度。边距：0自动；以固定宽度或100%宽度工作。也可以使用文本对齐：居中；但是，只要你的站点宽度设置为100%或固定并居中，这将再次起作用。另一件你应该注意的事情是使用文本对齐：居中；除非您特别指向此处的特定嵌套h1，否则将使所有元素居中。yourclass h1{text align:center}默认情况下，h1是块级元素，没有宽度，边距：0 auto不会执行任何操作。