微信小程序设置文字样式white-space失效

微信小程序中的换行

今天遇到了一个多段文字展示的效果，试了很多种方法设置样式等都实现不了，最后发现，在微信小程序中，不能使用view为文字做换行等操作
HTML中的换行可以直接使用
标签，但是微信小程序中没有br标签，在微信小程序中实现文字换行有两种形式：

• 在text标签中使用/n来换行，静态数据可以考虑，动态不考虑
• 使用css的white-space控制

white-space：pre-line； /*合并空白符序列，但是保留换行符。*/
white-space：pre； /*空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。*/
white-space：pre-wrap； /*保留空白符序列，但是正常地进行换行。*/

但是使用过程中发现，给该元素设置了样式以后仍然不生效，如下：

最后经过查阅资料才知道，在微信小程序中，如果对文本进行样式修改，标签必须是text不能用view，
最终实现效果如下

总结

在微信小程序中对文本进行操作必须用text标签，不可以使用view标签，虽然view标签在电脑上生效