css样式[三行文字省略号查看更多]

最新推荐文章于 2024-08-26 01:16:20 发布

go_sparrow

最新推荐文章于 2024-08-26 01:16:20 发布

阅读量8.6k

点赞数 1

本文链接：https://blog.csdn.net/java_sparrow/article/details/80578499

版权

html 专栏收录该内容

11 篇文章

订阅专栏

这里写图片描述

/*  三行文字 省略号    */
.lookmoretop{
        overflow : hidden;  
        text-overflow: ellipsis;  
        display: -webkit-box;  
        -webkit-line-clamp: 3;  
        -webkit-box-orient: vertical;  
        width: 300px;  
        margin-top: 20px;
        margin-left: 10px;
        padding: 10px;
        border-radius: 25px 25px  0px 0px;
        background-color: rgba(204, 204, 204, 0.3);
        height: 68px; 
}
/* 查看更多 */
.lookmorebottom{
    border-radius: 0px 0px  25px 25px;
    background-color: rgba(204, 204, 204, 0.3);
     width: 320px; 
     margin-left: 10px;
     text-align: center;
     color: rgba(14, 14, 212, 0.61) 
}