小程序关于多行文本溢出

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

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

然后在文本容器上添加:

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

以上。

相关推荐