多行文字溢出隐藏

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

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

 

 

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

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

 

转载于:https://www.cnblogs.com/Hajar/p/11060166.html