小程序关于多行文本溢出

Posted 2021-03-17 致爱丽丝

上午想偷个懒，没想到下午就遇到多行文本溢出问题了。。。

在父级上添加属性： overflow:hidden;

然后在文本容器上添加：

         display: -webkit-box;
          -webkit-line-clamp: 2;//这个是允许显示的行数
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; //这个是溢出的文本以什么方式显示       

以上。