CSS 单行和多行文本溢出显示省略号

1、单行文本溢出

  overflow: hidden;
  text-overflow:ellipsis; /* 文本溢出显示省略号 */
  white-space:nowrap;  /*文本不会换行（单行文本溢出）*/

2、多行文本溢出 

  overflow: hidden;
  text-overflow:ellipsis;/*文本溢出显示省略号 */
  display: -webkit-box;
  -webkit-line-clamp: 3; /*文本行数*/
  -webkit-box-orient: vertical;

3、如果多行文本省略号不起作用，可能是被其它样式覆盖了，

      或者请参考https://blog.csdn.net/Candy_home/article/details/79646655