单行文字

  1. // 注意宽度是必须的
  2. .article-container {
  3.   width: 500px;
  4.   overflow: hidden;
  5.   text-overflow: ellipsis;
  6.   white-space: nowrap;
  7. }

多行文字

  1. .article-container {
  2.   display: -webkit-box;
  3.   word-break: break-all;
  4.   -webkit-box-orient: vertical;
  5.   -webkit-line-clamp: 4; //需要显示的行数
  6.   overflow: hidden;
  7.   text-overflow: ellipsis;
  8. }