1、行内元素超出显示省略号

text-overflow: ellipsis;

tip: 适用于宽度固定的行内元素

2、块级元素超出显示省略号

display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;

tip: 行内元素高度超出依然会显示省略号后面的行

3、多行显示省略号

	/* 单行显示省略号 
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
      */
      /* 多行显示省略号 */
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;