微信小程序开发系列（九）· 小程序界面如何进行文本选中、如何显示全部空格、如何将图片显示改为圆角

目录

1.  绘制公司区域信息

1.1  user-select：文本是否可选，用于长按选择文本

1.2  space：显示连续空格

1.3  实战演示

---

1.  绘制公司区域信息

在小程序中，如果需要渲染文本，需要使用 text 组件，常用的属性有 2个：

①  user-select：文本是否可选，用于长按选择文本

②  space：显示连续空格

注意事项：

1.除了文本节点以外的其他节点都无法长按选中

2. text 组件内只支持 text 嵌套

1.1  user-select：文本是否可选，用于长按选择文本

代码示例：

<!-- user-select：长按以后选中文本 -->
<text user-select>情人节</text>

1.2  space：显示连续空格

        若是不添加space会发现空格只显示一个，如下图：

space有三个可选属性值：

①  ensp：以中文字符空格一半大小进行展示

代码如下：

<!-- user-select：长按以后选中文本 -->
<text user-select space="ensp">情     人节</text>

②  emsp：以中文字符的空格大小进行展示的

代码如下：

<!-- user-select：长按以后选中文本 -->
<text user-select space="emsp">情     人节<