文字超出部分显示省略号css

工作中经常会用到的css，但是相信很多人都没有认真记。

1、如果是单行文本：

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

2、如果是多行文本：

  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;      /* 可以显示的行数，超出部分用...表示*/
  -webkit-box-orient: vertical;