text-align: center;的兼容性

今天发现<div style="background-color: #546F49;text-align: center;"><span >我是要显示的文字</span ></div>这句话在一般浏览器中是没有任何问题的，就是在iPhone手机浏览器中显示异常,不居中也就算了，文字稍微多点还会自动换行(还不到所在div的一半就换行)，查了好多兼容方式都没用，其中包括w3school上面的例子也看了，也没得到什么有用的信息。首先想到以前百度编辑器中的一个问题，就是自动换行问题，就把属性word-break:keep-all;加上不让它自动换行。发现起作用但是还是不居中。然后这样写就可以了：

 <div style="background-color: #546F49;"><p class="tips" style="text-align: center;word-break:keep-all;">我是要显示的文字</p></div>。

注意：text-align: center只能用在块级元素上起作用哦，所以要把span改成p。