实现单行和多行文本溢出隐藏时省略号代替

1. 单行文本溢出隐藏，省略号代替

  /*0. 如果是行内元素，需加这一句，不是行内元素的话，就不用了*/
 	  display: block;
  /*1. 先强制一行内显示文本*/
 	  white-space: nowrap;
  /*2. 超出的部分隐藏，注意：这句对行内元素不生效*/
      overflow: hidden;
  /*3. 文字用省略号替代超出的部分*/
      text-overflow: ellipsis;

2. 多行文本溢出隐藏，省略号代替

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;/*设置对齐模式，这里是纵向对齐*/
-webkit-line-clamp: 2;/*设置多行的行数*/