在CSS中，为什么text-align:-webkit-center对我有效，而text-align:center不起作用？

Question

我正在制作一个sharepoint 2010页面，下面的代码成功地将表格居中放置在页面中间，但是当我从代码中删除-webkit-时，它不再居中。为什么"text-align: center;“不起作用？另一件奇怪的事情是-webkit-只在Chrome中使居中工作。在所有其他浏览器中将该表居中显示似乎是不可能的。

<style>
.s4-wpcell-plain{
text-align: -webkit-center;
}
</style>



<table style="width:100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td id="MSOZoneCell_WebPartWPQ2" valign="top" class="s4-wpcell-plain">

<!-- content -->

</td>
</tr>
</tbody>
</table>

Answer 1

事实证明，sharepoint中的can部件不能居中。我使用了“左边界”和“右边界:自动”。

Answer 2

css属性"text-align : center“适用于所有浏览器。而-webkit-是Safari浏览器的CSS前缀，也可以与Chrome一起使用。因此，它不能与其他浏览器一起工作。