中英文混合字符截取方法-样式表解决方法

Submitted by kinglong on 2007-5-23 14:10:48
    做过Web程序开发的人都知道,对于中英文混合字符截取一直是比较头痛的问题:“中文和英文字符显示宽度不一样,英文大小写字符显示宽度也不一样,英文不同字符显示宽度也不一样”。我之前也提供过“java实现中英文混合字符截取方法”,但在很多项目实践中发现这个也不能根本解决字符显示问题,同时还加重服务器负担。然后我在网上搜索资料,终于被发现一个比较好解决方法:CSS解决方法。经过验证发现这个方法能够很好解决中英文混合字符截取,在IE浏览器还可以显示省略号。同时对含有html标签内容截取也很好,当然这个方法适合用于单行字符截取!
样式表   


使用方法

Trackback:

TrackBack URL for this entry:
http://www.klstudio.com/cmd.asp?act=tb&id=120


Comments:

#1714 On 2007-5-23 14:29:59 Matt (e) said,

在Firefox下显示效果不理想啊,都出现半个字符的截断了

个人建议:
.ellipsis{width:120px;overflow:hidden;}
* html .ellipsis{white-space:nowrap;text-overflow:ellipsis;}

试试看?

#1717 On 2007-5-23 18:02:39 poorfish (e) said,

this Attributes IE6+ only

#1725 On 2007-5-25 15:39:09 kinglong (e) said,

to Matt:你提供的方法,不错!

to poorfish:没办法,鱼和熊掌不能兼得!IE6和IE7是现在IE浏览器主流版本,只好保证它们了!

#1782 On 2007-6-2 9:36:45 sam (e) said,

我早就用这个方法来解决了,不过还是你老大总结的比较清楚,我会自己用,但是写不出来,呵呵。

#1790 On 2007-6-5 9:02:16 andot (e) said,

这里有个同时兼容 IE、Firefox 和 Opera 的方法:

http://www.coolcode.cn/andot/ie-firefox-opera-text-overflow/238

#2302 On 2007-8-29 23:42:31 Cary (e) said,

flash下的textarea里的中英文截取也能用这个方法吗?请问具体怎么做呢?

#2751 On 2007-11-3 10:21:27 safe6 (e) said,

做的不错哦,支持一下。



Post a comment:(为了防止垃圾留言信息,您的留言需要通过审核才能显示出来)

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。