p标签里面的文字对齐问题

在p标签里面放了多行文字,但是文字没有对齐,要怎么办?
效果
用了text-align没有效果
html代码:

'var show=<div><p>【猴子偷桃】</p></div>'
    + '<div><p>通过微信分享加好友,前期偷桃子可以获得最大收益</p></div>'
    +'<div><p>【解锁果篮】</p></div>'
    +'<div><p>关注公众号解锁自己果篮,邀请好友,踢出“仇人”,体验更多好友乐趣</p></div>'
    +'<div><p>【自我增值】</p></div>'
    +'<div><p>记得定时来收取金桶里的金币和给猴子升级,这才是王道</p></div>'
    +'<div><p>【集猴解锁图鉴】'
    +'<div><p>买不同的猴子即可解锁图鉴获得钻石等超高价值的奖励</p></div>'
    +'<div><p>【取得收益】</p></div>'
    +'<div><p>猴子满级后可以卖的哦,而且收益大到你不敢想象。</p></div>';
    p.html(show);

clipboard.png

阅读 8.8k
5 个回答

那两行都在同一个P标签里面的,而其他P标签的首行都对齐,而突出的是在P标签里面的第二行文字,所以应该是text-indent的问题

该用padding试试吧

这里应该有个 padding的属性

检查一下CSS中是否对P设置过 text-indent

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题