文本超出隐藏

/* 超出隐藏 - 单行 */

.beyond-hidden-single {

  text-overflow: ellipsis;  // 让超出的用...实现

  white-space: nowrap;      // 禁止换行

  overflow: hidden;         // 超出的隐藏

}

/* 超出隐藏 - 多行 */

.beyond-hidden-multiline {

  overflow: hidden;             // 超出的隐藏

  text-overflow: ellipsis;      // 让超出的用...实现

  display: -webkit-box;         // 作为弹性伸缩盒子模型显示。

  -webkit-box-orient: vertical; // 设置伸缩盒子的子元素排列方式--从上到下垂直排列

  -webkit-line-clamp: 2;        // 显示的行 值为行数

}