css:实现文本两行或多行文本溢出显示省略号

div{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
   word-wrap: break-word; 
   white-space:pre-wrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}    

  

如果只是一行的话,要简单一些。

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

 

posted on 2018-03-22 21:00  fox_charon  阅读(160)  评论(0编辑  收藏  举报

导航