使用CSS技术实现中英文混合字符截取

o0火V柴0o

对于中英文混合字符截取一直是比较头痛的问题：“中文和英文字符显示宽度不一样，英文大小写字符显示宽度也不一样，英文不同字符显示宽度也不一样”。我之前也提供过“java实现中英文混合字符截取方法”，但在很多项目实践中发现这个也不能根本解决字符显示问题，同时还加重服务器负担。然后我在网上搜索资料，终于被发现一个比较好解决方法：CSS解决方法。经过验证发现这个方法能够很好解决中英文混合字符截取，在IE浏览器还可以显示省略号。同时对含有html标签内容截取也很好，当然这个方法适合用于单行字符截取！

样式表如下：
复制内容到剪贴板
代码:

.ellipsis{
table-layout:fixed;
text-overflow:ellipsis;
overflow:hidden;
white-space: nowrap;
width:120px;
}

使用方法：
[code]
<div class="ellipsis" style="width:100px;">ABCDWdadsf中英文混合字符截取一直是比较头痛的问asdfasdfasdfa题,中英文混合字符截取一直是比较头痛的问题</div>

小野猫r

方法不错