我的小前端 （4）—— 多余字数用省略号显示

                                                             

 

仅CSS样式做限制，实现页面显示2行内容，超出部分为……

.desc {

       overflow: hidden;

       text-overflow: ellipsis;

       display: -webkit-box;

       -webkit-box-orient: vertical;

       -webkit-line-clamp: 2;    // 这里表示显示2行

}

=======================================

                                                              

 

仅CSS样式做限制，实现页面显示1行内容，超出部分为……

 

.desc {

       overflow: hidden;

       text-overflow: ellipsis;

       white-space: nowrap;

}