博客

• 使用场景：在一段文本中，显示的内容过多，超出原本设置的范围，现在需要将它进行分行显示。
• 实现方案：
  • 前提：给
    
view

    或者
    
text

    容器设置默认的
    
display: block

  • 然后设置属性：
    
text-overflow:ellipsis; word-wrap:break-word;

  • 就可以实现自动换行。

20201123 更新

view标签内数字/字母不换行，导致汉字与其他字符分行显示

效果展示：

数字/字母不换行效果：



数字/字母自动换行效果：

解决方案：

view {
	word-break: break-all;
}

如果是因为大段文本内容过多，需要实现折叠与展开效果，请移步

微信小程序大段文本内容过多，实现折叠与展开效果解决方案