text-align:center 与 -webkit-center/-moz-center 的区别

Posted by 任平生 on January 30, 2013

text-align:centertext-align:-webkit-center/-moz-center 的区别:

如上例。
text-align:center 只能让 inline 元素居中,而不能让 block 元素居中;
text-align:-webkit-center 可以让其中的 block 元素也可以居中;

当然,在例一中,给内部的 block 元素设置 margin:auto 也可以让 block 元素居中

浏览器支持情况
支持:Chrome1.0+、Firefox3.6+ 、Safari1.0+
不支持:IE、Opear

参考资料:

MDN: text-align