用CSS实现超长的字符变成省略号 .

css省略号ellipsis

[html] view plaincopyprint?

1. <div>xxxxxxxx</div>  

<div>xxxxxxxx</div>

通过以下css，可以令div中的超长的字符变成省略号

[css] view plaincopyprint?

1. div {  
2.   white-space: nowrap;  
3.   overflow: hidden;  
4.   text-overflow: ellipsis;  
5. }  

div {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}