收藏
回答

rich-text多个nbsp空格出现撑开整个页面?ios 下会出现横向滚动条

rich-text多个nbsp空格出现撑开整个页面?


//index.js
//获取应用实例
const app = getApp()


Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo'),
    html:"<p><span style='font-size:14px;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 让我们一起,共建企业数智化新未来,共见佛山市的中台力量!&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></p>\n\n<p>&nbsp;</p>\n\n<p style='text-align: right;'><span style='font-size:14px;'></span></p>\n\n<p style='哈哈哈哈text-align: right;'><span style='font-size:14px;'>2020年10月10日</span></p>\n"
  },
  //事件处理函数
  bindViewTap: function() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  onLoad: function () {
    if (app.globalData.userInfo) {
      this.setData({
        userInfo: app.globalData.userInfo,
        hasUserInfo: true
      })
    } else if (this.data.canIUse){
      // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
      // 所以此处加入 callback 以防止这种情况
      app.userInfoReadyCallback = res => {
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    } else {
      // 在没有 open-type=getUserInfo 版本的兼容处理
      wx.getUserInfo({
        success: res => {
          app.globalData.userInfo = res.userInfo
          this.setData({
            userInfo: res.userInfo,
            hasUserInfo: true
          })
        }
      })
    }
  },
  getUserInfo: function(e) {
    console.log(e)
    app.globalData.userInfo = e.detail.userInfo
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  }
})


最后一次编辑于  2020-10-15
回答关注问题邀请回答
收藏

3 个回答

  • Leo
    Leo
    2021-07-16

    很简单,只需要设置css样式即可:

    rich-text{
      word-break:break-all;
    }
    
    2021-07-16
    有用
    回复
  • 嘎嘎嘎
    嘎嘎嘎
    2020-10-15

    代码片段如下:https://developers.weixin.qq.com/s/a2eCR7mC7Olw

    编辑器有滚动条无法横向滚动,Android也有滚动条无法横向滚动,ios可以横向滚动。

    2020-10-15
    有用
    回复
  • Cjiang
    Cjiang
    2020-10-15

    你好,ios跟工具的表现一致吗?麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),并提供下复现的截图看看。

    2020-10-15
    有用
    回复 4
    • 嘎嘎嘎
      嘎嘎嘎
      2020-10-19
      代码片段如下:https : //developers.weixin.qq.com/s/a2eCR7mC7Olw
      编辑器有滚动条无法横向滚动,Android也有滚动条无法横向滚动,ios可以横向滚动。
      2020-10-19
      回复
    • 木浔
      木浔
      2021-01-25回复嘎嘎嘎
      兄弟,你问题解决没有?我也碰到这个问题。
      2021-01-25
      回复
    • 木浔
      木浔
      2021-01-26
      这个问题到底解决了没有?
      2021-01-26
      回复
    • Cjiang
      Cjiang
      2021-01-27回复木浔
      问题已反馈,有进展帖子同步。
      2021-01-27
      回复
登录 后发表内容
问题标签