1.单行文本溢出/多行文本溢出隐藏显示省略号

  /* 单行文本溢出隐藏代替 */
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  /* 多行文本溢出 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;