文本溢出省略号处理

单行处理

• 实现单行文本溢出显示省略号，此时需要定宽度

    .box{
    width:200px;  
    overflow: hidden;  
    text-overflow:ellipsis;//文本溢出显示省略号  
    white-space: nowrap;//文本不换行}  

多行处理

1. css3方法

.box {  
    display: -webkit-box;  
    -webkit-line-clamp: 2;//限制文本的行数，只显示两行  
    -webkit-box-orient: vertical;  
    overflow: hidden;  
}