做过Web程序开发的人都知道，对于中英文混合字符截取一直是比较头痛的问题：“中文和英文字符显示宽度不一样，英文大小写字符显示宽度也不一样，英文不同字符显示宽度也不一样”。我之前也提供过“java实现中英文混合字符截取方法”，但在很多项目实践中发现这个也不能根本解决字符显示问题，同时还加重服务器负担。然后我在网上搜索资料，终于被发现一个比较好解决方法：CSS解决方法。经过验证发现这个方法能够很好解决中英文混合字符截取，在IE浏览器还可以显示省略号。同时对含有html标签内容截取也很好，当然这个方法适合用于单行字符截取！
样式表
使用方法
样式表
使用方法
Trackback:
TrackBack URL for this entry:
http://www.klstudio.com/cmd.asp?act=tb&id=120
Comments:
this Attributes IE6+ only
to Matt:你提供的方法，不错！
to poorfish:没办法，鱼和熊掌不能兼得！IE6和IE7是现在IE浏览器主流版本，只好保证它们了!
我早就用这个方法来解决了，不过还是你老大总结的比较清楚，我会自己用，但是写不出来，呵呵。
这里有个同时兼容 IE、Firefox 和 Opera 的方法：
http://www.coolcode.cn/andot/ie-firefox-opera-text-overflow/238
flash下的textarea里的中英文截取也能用这个方法吗？请问具体怎么做呢？
做的不错哦，支持一下。
Post a comment:(为了防止垃圾留言信息,您的留言需要通过审核才能显示出来)
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。
在Firefox下显示效果不理想啊，都出现半个字符的截断了
个人建议：
.ellipsis{width:120px;overflow:hidden;}
* html .ellipsis{white-space:nowrap;text-overflow:ellipsis;}
试试看？