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

你可能感兴趣的:(H5,android)