文本溢出显示省略号-526互联

white-space:

1、normal默认换行

2、nowrap强制一行，会溢出

单行溢出显示省略号

{
  white-space: nowrap;
  overflow: hidden;   
  text-overflow: ellipsis; // 溢出显示省略号
}

多行溢出显示省略号：（有兼容性问题，webkit能用，chrome和多数手机端可以）

{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-lineclamp: 2;
  -webkit-box-orient: vertical;
}