CSS 小记

• 在webkit 内核中多行文本超出2行时显示省略字符...:

  .text-ellipsis {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; // 显示两行
  }

   

• 单行超出显示省略字符：

  .line-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis; // 文本溢出显示省略号
    white-space: nowrap; // 文本不会换行
  }