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

单行溢出显示省略号:
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 :用来限制在一个块元素显示的文本的行数

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

你可能感兴趣的:(html5,css)