单行或多行文本溢出，省略号代替

单行文本溢出，省略号代替

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

多行文本溢出，省略号代替

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;  /*设置对齐模式*/
-webkit-line-clamp: 2; /*设置行数*/

相关链接

【css】文本过长时省略号代替
【微信小程序】文本的展开与收起
滑块视图的实现