文本超出行数隐藏

<div> 
  文本显示为两行,超过部分隐藏并使用省略号
  修改 width 属性查看效果。
</div>

div {
  display:-webkit-box;
  text-overflow:ellipsis;
  overflow:hidden;
  width:100px;
  -webkit-line-clamp: 2;
  -webkit-box-orient:vertical;
}