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

css 省略号 ellipsis

[html] view plain copy print ?

1. <div>xxxxxxxx</div>  

<div>xxxxxxxx</div>

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

[css] view plain copy print ?

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

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