html 显示多行(两行、三行、四行、五行)内容,且超出部分以省略号显示的做法

注意：display: -webkit-box;和display: flex;不要控制同一个div，否则会因为样式问题达不到预期效果。

CSS

.customContent {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

Html

    

        
打开一秒招聘APP，切换到雇主端，点击职位，在职位中可以看到自己发布的订单，可以暂停/开启招聘信息，可以录用报名人员，结算订单等操作。打开一秒招聘APP，切换到雇主端，点击职位，在职位中可以看到自己发布的订单，可以暂停/开启招聘信息，可以录用报名人员，结算订单等操作。打开一秒招聘APP，切换到雇主端，点击职位，在职位中可以看到自己发布的订单，可以暂停/开启招聘信息，可以录用报名人员，结算订单等操作。
        
    
    
查看全部
    

        
转人工客服
    
    

        
 解决
        

        
未解决
    

效果

image.png

html 显示一行内容,且超出部分以省略号显示的做法