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

来自:互联网
时间:2019-08-26
阅读:
免费资源网 - https://freexyz.cn/

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

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

2、只显示两行(或多行),超出部分用省略号

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    // 控制行数
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;
免费资源网 - https://freexyz.cn/
返回顶部
顶部