多行文字溢出隐藏

兼容 ie 11 浏览器，单行文字隐藏

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

 

 

第二种方法，多行文字隐藏，只适合谷歌浏览器和移动端使用

p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}