一行展示内容，最后部分出现省略号

  1. span {
  2.   overflow: hidden;
  3.   text-overflow:ellipsis;
  4.   white-space: nowrap;
  5. }

多行展示内容，最后部分出现省略号

  1. p {
  2.   overflow: hidden;
  3.   // text-overflow: ellipsis;
  4.   display: -webkit-box;
  5.   -webkit-line-clamp: 3;
  6.   -webkit-box-orient: vertical;
  7. }

注：本来webkit是指定chrome内核的浏览器才有效果，但是这个方法可以在火狐浏览器上也有效果 来自：不觉风止的《文字超过两行或三行就显示省略号》 这里有几篇另外的写法或者文章，有待验证 《设置文字多行显示溢出显示省略号》、《多行文本溢出显示省略号(…)全攻略》