在處理文本換行顯示，通常會使用的元素有view和text，如果字符串固定可直接寫入html頁面元素內(nèi)容中，如下：

1）text

<text class=""tipMsg>此場地只有會員可以預定\n如有預定需求請前往申請會員</text>

.tipMsg {
  color: #fff;
  margin: 60rpx;
  font-size: 25rpx;
  font-weight: 400;
  font-family: PingFangSC-Light;
  text-align: center;
  word-wrap: break-word;
}

2）view

<view class=""tipMsg>此場地只有會員可以預定\n如有預定需求請前往申請會員</view>

使用view顯示換行，則必須需要設置white-space屬性

 .tipMsg {
  white-space: pre;
}

但有時需要換行的字符串是通過綁定方式傳遞給頁面顯示的，此時就要注意了：區(qū)分綁定字段是否為服務端返回，因為服務端返回換行字符串的方式有很多，比如：

1、源代碼換行：使用換行符"\n"或者回車換行符"\r\n"
2、網(wǎng)頁表現(xiàn)換行：<br />
...

如果直接使用，可能會導致頁面顯示不正確，此時，我們在獲取服務端返回的字符串時，需要做個字符處理：

var tipMsg = ''
if (res.data.data.tip_msg.indexOf("\r\n") >= 0) { 
   tipMsg = res.data.data.tip_msg.replace("\\n", "\n"); 
} 

僅以此文，記錄自己遇到的問題：服務端返回給我字符串："此場地只有會員可以預定\n如有預定需求請前往申請會員"，我直接綁定顯示時\n也被顯示且沒正確換行。

感謝 聰明的娃 和 shawn_xiao