多行文本溢出显示省略号

{

  1. overflow : hidden;
  2. text-overflow: ellipsis;//可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本 
  3. display: -webkit-box;//必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 
  4. -webkit-line-clamp: 2;//显示行数
  5. -webkit-box-orient: vertical;//必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。

}

原文地址:https://www.cnblogs.com/wangjianping123/p/9546332.html