单行文本超出显示省略号

  1. white-space: nowrap;
  2. text-overflow: ellipsis;
  3. overflow: hidden;

多行文本超出显示省略号

  1. overflow: hidden;
  2. /* css3的属性，当文本溢出时，显示省略号 */
  3. text-overflow: ellipsis;
  4. display: -webkit-box;
  5. /* 设置两行文字溢出 */
  6. -webkit-line-clamp: 2;
  7. -webkit-box-orient: vertical;
  8. overflow: hidden;

CSS 实现多行文本“展开收起”

CSS 实现多行文本“展开收起” - 掘金