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

通过 CSS 控制文字的超出部分显示省略号

• 一：

  title {

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

以上 CSS 适用于单行文字超出部分，显示「省略号」。如图：

• 二：

  title {

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  }
  以上方法适用于显示 3 行后，再添加「省略号」，如图：