标题为<h1>

Question

快速问题,我有一个内置H1的DIV,现在,我希望将我的H1置于这个DIV中...

我尝试以下不起作用:

设置H1:

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

但我试试这个它确实有效,有人可以解释为什么上述不起作用？

设置H1:

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

Answer 1

您可以使用填充来获得紧密边框,而无需将h1设置为内联(不能使用自动边距对中).

h1 {
    padding: 0;
    width: 35;
    margin-left: auto;
    margin-right: auto;
    // border: ...
}

Answer 2

块级元素前后都有一个换行符，所以它有一个明确的开始和结束。它是矩形的，可以定义宽度。

内联级元素包含在块级元素中，可以跨越多行，不必定义矩形区域。根据w3c内联元素可视化格式模型的第 10.3 节：“宽度”属性不适用。'margin-left' 或 'margin-right' 的 'auto' 计算值变为使用值 '0'。

您不能将可能从一条线的中间开始并在另一条线的中间结束的东西居中。

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

Answer 3

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