CSS效果实现参考

发布时间 2023-04-01 15:15:09作者: AI大胜

文字溢出用省略号结尾,使有限区域内文字合理显示。

/*单行*/
p{
    width:200px;
    overflow:hidden;
    text-overflow:ellipsis;/*规定当文本溢出时显示省略符号来代表被修剪的文本*/
    white-space:nowrap;
}
/*多行*/
p{
    width:200px;
    overflow:hidden;
    text-overflow:ellipsis;/*规定当文本溢出时显示省略符号来代表被修剪的文本*/   

    -webkit-line-clamp:2;/*两行文本*/
    display: -webkit-box;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
}

更新于:2023-4-1