前端常用省略号展示常用如下写法：
一.单行文字溢出显示省略号
width: 100%; // 定宽度
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
二.多行文字溢出显示省略号
width:100%; // 定宽
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
兄弟们，本以为就打遍天下无敌手了！😄
-------------------------------我是分割线---------------------------------
突然，测试大朋友给你甩你一张图！
打脸了！
苹果手机和 部分安卓手机没有问题，就是华为手机有？（仅限项目上测试手机）
于是就十万个为什么？（百度搜索）
研究半天
-webkit-box-orient: vertical; 小程序不识别 // 具体为什么 兄弟也不知道。
废话不多说，直接上解决方案；
height: 64rpx; font-size: 24rpx; line-height: 32rpx; overflow: hidden; text-overflow: ellipsis; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2;
重点啰嗦几句：
1. 行高 是 高度的 1/2;
height: 64rpx;
line-height: 32rpx;
2. 加上 /*! autoprefixer: ignore next */
/*! autoprefixer: ignore next */
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
------------------------------------------end----------------------------------------
