文本省略号

单行省略

.sl1{

overflow:hidden;

 

text-overflow:hidden;文本溢出 省略号

 

white-space:nowrap;文本不换行

}

多行省略

sl2 {

overflow: hidden; 

 

text-overflow: ellipsis;

 

display:-webkit-box;

 

-webkit-box-orient: vertical;

 

-webkit-line-clamp: 2; 

}