Html 对中标题<；h1>；

快速提问，我有一个里面有H1的DIV，现在，我想把我的H1放在这个DIV的中心

我尝试以下不起作用的方法：

设置H1：

display:inline
margin-left: auto ; 
margin-right: auto ;

width: 35%;
margin-left: auto ; 
margin-right: auto ;

但是我尝试了这个，它确实起作用了，有人能解释一下为什么上面的方法不起作用吗

设置H1：

display:inline
margin-left: auto ; 
margin-right: auto ;

width: 35%;
margin-left: auto ; 
margin-right: auto ;

你试过“文本对齐：居中”吗？

我想你想把“文本对齐：居中”放在H1上。看

---

此外，您还可以删除左边距和右边距规则。

您可以使用填充来获得紧凑的边框，而无需将h1设置为内联（不能使用自动边距居中）

---

我认为您的第一个解决方案不起作用，因为您将其设置为内联，并且只有块级元素可以被赋予自动边距IIRC。此外，如果不设置显式宽度，自动边距技巧也不会太有效。

试试这个

h1 {margin: 0pt auto; display: inline-block; min-width: 1%;}

---

在DIV上使用“text align:center”（文本对齐：居中）

块级元素前后都有换行符，因此它有一个明确的起点和终点。它的形状为矩形，可以定义宽度

内联级别元素包含在块级别元素中，可以跨越多条线，并且不必定义矩形区域。根据内联元素的第10.3节：“宽度”属性不适用。“左边距”或“右边距”的计算值“自动”变为使用值“0”

你不能把一些东西从一条线的中间开始，而在另一条线的中间结束。

---

例如，您将如何居中
粗体且跨越两行的文本？

考虑到您声明H1需要一个不会延伸到其父容器的边框，我建议在DIV包装器和H1元素上使用样式组合（粘贴此项以播放w/it）：

myHeadingClass分区{
文本对齐：居中；
边框：1px实心#d7d7；
填充：15px；
}
myHeadingClass h1分区{
显示：内联；
填充：10px；
边框：1px纯红；
}
我的大头球

伙计，很简单。就像上面提到的seb一样

---

只需将H1设置为padding 0，而不是执行“margin right:auto；margin left:auto”；省去麻烦，并在设置宽度的同时执行“margin:auto”。又快又容易

第一个不起作用，因为在内联元素上，自动边距为零

保证金：自动；它对内联元素有效，但与块级元素的效果不同

---

（为了演示这一点：如果您使用内联元素，对其应用特定的边距，然后对其应用自动边距，其边距将为零。）

各位，很抱歉造成混淆，但我忘了提到一件重要的事情，我意识到我可以使用文本对齐：居中。但是这个H1周围有一个边框，所以如果我把它作为一个块，它会显示整个页面的边框，但是我认为通过内联它会在H1周围有一个很好的紧边框，但是我不能使用自动边距技巧将其居中…只是试图理解为什么编辑您的答案，而不是评论。Emil谢谢您的回答，您能解释为什么内联元素不能使用自动边距居中吗？