文本超出省略号显示 css实现

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

 

效果图：

单行显示：

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

测试有时候发现，span等非块元素好像不能正常显示，换块级元素就好使了。