CSS文本超过两行用省略号代替

  一:只显示一行,超出部分用省略号

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

 

  二:显示两行或多行,超出部分用省略号

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    // 下面这句用来控制行数
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;

 

上一篇:关于样式-单行/多行文本隐藏+省略


下一篇:关于浮动方面的相关知识点