【CSS style】超出指定行文字后开始省略

基本隐藏方案

我们经常会遇到一个场景:对于一些显示标签,如果超出部分就隐藏,基本样式如下

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

允许换行,超过2行再换行

    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
posted @ 2019-08-20 21:18  林璡  阅读(142)  评论(0)    收藏  举报