• 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.jxjierui.cn/article/ccesojg.html