关于超出文字省略的样式布局

Posted 2022-08-09 fe-linjin

基本隐藏方案

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

    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;