单行和多行文本溢出

 1 //单行文本溢出...
 2 .singleline{
 3      overflow: hidden; 
 4      white-space: nowrap;
 5      text-overflow: ellipsis;  
 6 }
 7 
 8 //多行文本溢出...
 9 
10 .moreline{
11     display: -webkit-box !important;
12     overflow: hidden;
13     
14     text-overflow: ellipsis;
15     word-break: break-all;
16 
17     -webkit-box-orident: vertical;
18     -webkit-line-clam: 2;
19 }

 

posted @ 2015-09-16 11:13  吉吉蟹  阅读(118)  评论(0编辑  收藏  举报