用css样式实现在超出长度后，自动显示为。。。

overflow:hidden就可以了

配合 width:50px;之类的，就可以了。

 

特意在网上搜索了一下：

 

 

text-overflow版本：IE6+专有属性　继承性：无

 
语法：
 
text-overflow : clip | ellipsis
 
参数：
 
clip : 　不显示省略标记（...），而是简单的裁切
ellipsis : 　当对象内文本溢出时显示省略标记（...）
 
说明：
 
设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。
对应的脚本特性为textOverflow。请参阅我编写的其他书目。
 
示例：
 
div { text-overflow : clip; }