文字设置空格或换行

一、空格：

//使用    （占中文字符一半的大小）
<view>
    <text decode="true">姓&ensp;&ensp;名</text>
</view>
 
//使用  &emsp; （占中文字符的大小）
<view>
    <text decode="true">姓&emsp;&emsp;名</text>
</view>
 
//使用  &nbsp;（根据字体设置）
<view>
    <text decode="true">性&nbsp;&nbsp;名</text>
</view>

在<text>标签中，带上 decode="true" 属性显示效果，记得 ; 分号换行

二、换行：

//使用\n：在文本中使用\n表示换行，例如："第一行\n第二行"
 
//使用<text>标签嵌套：在 <text> 标签内使用 <br> 标签表示换行，例如：
<text>
  第一行<br/>
  第二行
</text>

三、字符串中使用br实现换行

有时我们需要在后台页面存入几段文字，但是在前端页面需要换行显示，这时，我们在后台页面存的时候就需要存<br/>，如下所示：

多元化的人力资源服务机构集群。<br/>       该区域交通便利

前端显示的时候，br换行可以使用v-html，如下所示：

<p v-html="park.feature"></p>

效果如下：

 

---

感谢您的阅读，如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮。本文欢迎各位转载，但是转载文章之后必须在文章页面中给出作者和原文连接。