text-align：-webkit-center vs text-align：center

Question

有谁知道为什么text-align：center和text-align：-webkit-center之间存在差异？例如，如果你有：

<section>
 <h1>Title<h1>
 <div class="image"></div>
</section>

// CSS with text-align：center;

section{
 text-align: center;

}

这将只是文本

的中心

//带有text-align的CSS：-webkit-center

section{
 text-align: -webkit-center;
}

这将使文本和图像居中。

text-align也是如此：-moz-center;

Answer 1

来自Mozilla开发者网络：

  

WebKit和Gecko都支持左，中，右的前缀版本，不仅适用于内联内容，也适用于块元素。这用于实现align元素和table上的旧<center>属性。不要在生产网站上使用这些。

     

- MDN's documentation on text-align。

Answer 2

text-align CSS属性描述了如何在其父块元素中对齐像文本这样的内联内容。 text-align不控制块元素的对齐，只控制它们的内联内容。

text-align: -moz-center;
text-align: -webkit-center;