css文字超出部分隐藏显示省略号

单行文字超出隐藏

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

多行文字超出隐藏：

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

display:-webkit-box;
-webkit-line-clamp:3; 
-webkit-box-orient:vertical;

上述方法只合适WebKit浏览器或移动端（绝大部分是WebKit内核的）浏览器

⚠️注意：

对于文本中本身有换行符的一段文本，在浏览器渲染中会多个文本节点（如下图）

环境： 微信小程序开发工具

这时候根据需要可以选择清除换行符 inputString.replace(/(\r\n)|(\n)/g, '')