2022-07-01 css 文本过长省略 限制显示多行数量

前言：今日又碰到了需要文本省略，只显示2行文字内容的需求，本着好记性不如烂笔头的原则，记录一下。

css 代码如下：

font-size: 26rpx;
font-weight: 600;
height: 72rpx;
text-overflow: ellipsis;
overflow: hidden;
white-space: normal;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;

注：在谷歌浏览器和微信小程序开发工具上显示正常，如果是其他浏览器没准会不生效，存在兼容性问题。

 2022-08-31 补充一下，单行省略：

text-overflow: ellipsis;
overflow: hidden;
white-space: normal;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;