css如何控制文本显示行数

单行显示，超出部分隐藏为省略号，并且不换行

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

多行文本超出部分隐藏为省略号

 p {
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;  //需要显示时文本行数
        overflow: hidden;
     }

 这个代码适用于Webkit浏览器和移动端