文本不换行且溢出用省略号代替

1.单行省略

white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;

2. 多行省略

  display:-webkit-box;将对象作为弹性伸缩盒子模型显示 
  -webkit-box-orient:vertical;设置或检索伸缩盒对象的子元素的排列方式 。
  -webkit-line-clamp:3;设置显示多少行