H5 页面 文字一行居中，多行左对齐的方法

最近做hybird 移动开发，遇到需要单行文字居中，多行文字靠左对齐的需求。

参考了FungLeo 的博客 http://blog.csdn.net/fungleo/article/details/49797311，自己移动端试了下，效果如下

1、设置div text-align: center; 让P居中，P中的文字左对齐 ，P的宽度根据文字的宽度伸缩 ，当文字为一行是，则P的宽度小于div的宽度，这时候 P 标签受到 div 的 text-align:center 属性的控制 P 居中 看上去文字也是局中的 

2 、当P文字大于一行时，P的宽度和div 的宽度一样，文字就本身就执行P标签里面的text-align：left属性。看到的是文字靠左。

PS：参考博客：http://blog.csdn.net/fungleo/article/details/49797311