其他分享
首页 > 其他分享> > CSS文本超过两行用省略号代替

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;

 

标签:省略号,text,webkit,ellipsis,overflow,文本,hidden,CSS
来源: https://www.cnblogs.com/bkzj/p/15248961.html