div超出部分省略号显示和多行之后出现省略号

一行超出部分省略号显示

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

效果：

多行超出部分省略号显示

  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;  // 在第几行显示
  -webkit-box-orient: vertical;

效果：

浩先生呀

   寄语：勿忘初心，方得始终。初心易得，始终难守。