分享文字溢出隐藏实例-

　　单行文本的溢出隐藏

　　对于单行文本溢出 隐藏，text-overflow: ellipsis 就能完美的解决，不过在使用他时，一定要结合 overflow: hidden和 white-space: nowrap;，我有时就忘记写了，导致效果出不来，还让我找了半天。

 1  
 2  
 3  
 4      
 5      
 6     
 16 
 17 
 18 

 19     
凭借专业的精神、优质的团队、周到的服务，东方卓越现已成为众中国银行业协会、中国航空运输协会、
 中国工商银行、中国建设银行、凤凰网、联想（北京）、中国人保等知名企业的合作伙伴，服务领域涵盖金融证券、
 汽车产业、时尚传媒、互联网、地产家居、旅游娱乐等重点领域。
 20 
 21 

 22 
 23 

效果：

多行文本的溢出隐藏

　　　我是用伪类标签

 1  
 2  
 3  
 4      
 5      
 6     
 25 
 26 
 27 

 28     凭借专业的精神、优质的团队、周到的服务，东方卓越现已成为众中国银行业协会、
 中国航空运输协会、中国工商银行、中国建设银行、凤凰网、联想（北京）、中国人保等知名企业的合作伙伴，
 服务领域涵盖金融证券、汽车产业、时尚传媒、互联网、地产家居、旅游娱乐等重点领域。凭借专业的精神、优质的团队、
 周到的服务，东方卓越现已成为众中国银行业协会、中国航空运输协会、中国工商银行、中国建设银行、凤凰网、
 联想（北京）、中国人保等知名企业的合作伙伴，服务领域涵盖金融证券、汽车产业、时尚传媒、互联网、地产家居、
 旅游娱乐等重点领域。
 29 
 30 
 31 

效果：

　　小伙伴们你们有没有更好地方法呢，快拿出来分享分享吧！

以上就是分享文字溢出隐藏实例的详细内容，更多请关注 第一PHP社区 其它相关文章！