css 文本显示，溢出省略号表示

<div class="box">文本文本文本文本文本文本文本文本文本文本文本文本</div>

// 单行
.box {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

// 单行&多行，此方案使用webkit 私有属性，不适用于IE
.box {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: n; // n为显示的行数
  -webkit-box-orient :vertical;
}