css 实现单行、多行文本显示

前端 · 2022-06-30 ·

1.单行显示文本,超出显示省略号(需要加宽度width属来兼容部分浏览):

.inone{
    width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

2.多行显示文本,限制行数

.inthree{
    width:200px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; // 配置显示3行
    overflow:hidden;
}
下一篇:
%