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的文档text-align.

Answer 2

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

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