CSS-通过css来实现单行或者多行文本移除显示省略号('...')

单行文本：

我们看一下如下效果

这种情况随处可见，实现起来也很简单。

  

      友情，能够随时说话找一个能随时随地和你聊天的人真的很难。
  

p{
      width:10em;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

white-space:规定段落中的文本不进行换行

text-overflow 属性规定当文本溢出包含元素时发生的事情。

clip           修剪文本。
ellipsis 显示省略符号来代表被修剪的文本。
string 使用给定的字符串来代表被修剪的文本。

多行文本：

我们看一下如下效果