单行和多行文本溢出显示省略号

给块级元素添加CSS样式实现单行文本溢出显示省略号：

{
    width: 200px;    //必须固定容器宽度
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

 

给块级元素添加CSS样式实现单行文本溢出显示省略号：

 

{
  display: -webkit-box;
  -webkit-line-clamp:3;    //第3行文本后显示省略号
  -webkit-box-orient:vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}