单行/多行文本溢出显示省略号(…)

单行溢出显示省略号：
css代码

{
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
}

多行文本溢出显示省略号：

注意：针对WebKit浏览器或移动端的页面

css代码

{ 
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;

  }

注释：
webkit-line-clamp ：用来限制在一个块元素显示的文本的行数

多行文本溢出显示省略号(…)全攻略