核心提示:单行处理:overflow {width:200px;height:20px;border: 1px solid #000000;text-overflow:ellipsis;//文字溢出,已省略号显...
       单行处理:
overflow {
            width:200px;
            height:20px;
            border: 1px solid #000000;
            text-overflow:ellipsis;//文字溢出,已省略号显示
            white-space: nowrap;//强制不换行
            overflow: hidden ; //隐藏溢出容器的内容且不出现滚动条。
        }
多余部分省略号显示

多行处理:
.overflow {
            width:200px;
            text-overflow:ellipsis;
            overflow: hidden ; 
            display:-webkit-box;
            -webkit-line-clamp:2;//此值来控制行数
            -webkit-box-orient:vertical;
            }
显示两行,多余部分省略号显示



 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                