css - 文本对齐 : -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;

}

这将使文本居中

//带有文本对齐的 CSS:-webkit-center

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

这将使文本和图像居中。

同样适用于文本对齐:-moz-center;

Answer 1

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

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