<body> 中的 <h1> 居中取决于文本 [重复]答案

【问题标题】：Centering <h1> in <body> depends on text [duplicate]<body> 中的 <h1> 居中取决于文本 [重复]
【发布时间】：2019-05-18 21:08:00
【问题描述】：

我可以用<h1> 的宽度计算（取决于文本）并将这个<h1> 水平居中在<body> 中吗？

感谢您的帮助和提示！

【问题讨论】：

你的问题不是很清楚-但是要使h1这样的块级元素居中，通常的方法是将其margin-left和margin-right设置为auto
你能发一些例子吗？我试过了，但
没有移动。 position: absolute; top: 20px; margin-left: auto; margin-right: auto;
如果您发布一些代码会更好，以便我们可以更好地帮助您，反正 h1 是一个块元素，所以它会占用整行宽度，所以为了将它定位在中间，您必须减小它的宽度，然后使用margin:auto，例如width:50%；然后边距：自动；
如果你使用position: absolute;，你应该使用left: 50%;然后transform: translate(-50%)。

标签： css

【解决方案1】：

Robin Zigmond 的评论是正确的。您可以通过将margin-left 和margin-right 设置为auto 来使块级元素居中。如果它的宽度不是其父容器的 100%，它将显示为居中：

h1 {
    margin-left: auto;
    margin-right: auto;
}

如果其宽度是其父容器的 100%，您可以使用 text-align 将文本设置为 center：

h1 {
    text-align: center;
}

【讨论】：

没有移动。 position: absolute; top: 20px; margin-left: auto; margin-right: auto;