超长单词、文本的显示（多行省略隐藏、单行省略隐藏、强制多行显示）

多行省略隐藏

可根据实际情况变换height、-webkit-line-clamp的值

/* 多行文字溢出隐藏并显示省略号，只支持webkit */
.text-ellipsis {
  height:46px;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

单行省略隐藏

/* 超长省略号显示 */
.cell-text-ellipsis {
  display: block;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

强制多行显示

/* 超长单词换行 */
.word-break{
  word-break: break-all;
  word-wrap: break-word;
}