<div> 

  文本显示为两行,超过部分隐藏并使用省略号

  修改 width 属性查看效果。

</div>

div {

  display:-webkit-box;

  text-overflow:ellipsis;

  overflow:hidden;

  width:100px;

  -webkit-line-clamp: 2;

  -webkit-box-orient:vertical;

}