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与文本对齐:居中；

section{
 text-align: center;

}

这将仅使文本居中

// CSS with text-align：-webkit-center

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

这将使文本和图像居中。

文本对齐也是如此：-moz-center；

Answer 1

来自Mozilla开发者网络：

WebKit和Gecko都支持left、center和right的前缀版本，这不仅适用于内联内容，还适用于块元素。它用于在table元素和<center>上实现遗留的align属性。不要在生产网站上使用它们。

--MDN's documentation on text-align。

Answer 2

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

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