微信小程序防止容器内文字过长导致溢出（view / text的控制）

前言

在微信小程序中，对 view 与 text 均有效，标题文本太长显示不下，能有效控制文字超出。

我们无法预知后端数据有多少，一旦文字超出容器宽度，那么必然会造成界面变形，下面是解决方案。

单行

顾名思义，只显示一行。

/*  */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 

多行

顾名思义，自定义显示多少行。

text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/* 这里控制行数 */ -webkit-box-orient: vertical; 

本文地址：https://blog.csdn.net/weixin_44198965/article/details/107897840