创新互联百度小程序教程：text文本

text 文本
- 属性说明
  - space 有效值
- 示例
  - 代码示例
- Bug & Tip
- 常见问题
  - Q：使用两个 text 组件，组件之间有间隙，在不同手机端偶现，影响部分用户体验的问题该如何解决？

text 文本

解释：文本元素。

创新互联公司是专业的千山网站建设公司，千山接单;提供网站制作、成都做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行千山网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

属性说明

属性名	类型	默认值	必填	说明	最低版本
space	String	false	否	显示连续空格	-
selectable	Boolean	false（基础库 3.150.1 以前版本） true（基础库 3.150.1 及以后版本）	否	文本是否可选。true：可用于文本复制，粘贴，长按搜索等场景。3.150.1 以后版本只能通过字面量的方式设置，不支持变量	3.10.4 低版本请做兼容性处理

space 有效值

值	说明
ensp	中文字符空格一半大小
emsp	中文字符空格大小
nbsp	根据字体设置的空格大小

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例

SWAN
JS

 
 
 
  
  
    
  
     
  
     
  
   默认  
  
   selectable  
  
     
  
     
  
   百度智能小程序(文本支持长按选择)  
  
     
  
     
  
     
  
     
  
     
  
   设置显示4个连续空格  
  
   space  
  
     
  
     
  
   {{text1}}  
  
   {{text2}}  
  
   {{text3}}

设计指南

字号：单个模块字号选择不建议超过 3 种。常用场景字号建议请参考阅读排版。

颜色：常用场景文本颜色建议，主要信息 #000000 ，次要信息 #333333 ，辅助信息使用 #999999 ，附属信息使用 #CCCCCC 。

Bug & Tip

Tip：除了文本节点以外的其他节点都无法长按选中，支持复制，但不支持剪切。
Tip：各个操作系统的空格标准并不一致。
Tip：组件内只支持嵌套，注意被嵌套的 text 绑定事件无法触发。
Tip：基础库大于 3.160.6 时，space 和 selectable 属性暂不支持通过space = "{{value}}"或selectable = "{{value}}"这种值绑定的方式赋值，建议通过字面量方式赋值，例如space = "nbsp"和selectable= "false"。

常见问题

Q：使用两个 text 组件，组件之间有间隙，在不同手机端偶现，影响部分用户体验的问题该如何解决？

A：如果设置 inline-block 会出现间隙，建议父级元素使用font-size: 0，然后子元素再设置 font-size ，可以去除 inline-block 元素间间距。

代码示例

在开发者工具中打开

在 WEB IDE 中打开

SWAN
CSS

网站名称：创新互联百度小程序教程：text文本
网站链接：http://www.csdahua.cn/qtweb/news4/268254.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：快上网

成都快上网为您推荐相关内容