html js和css分别解决字数超过限制用省略号代替

CSS3 text-overflow 属性

该css3属性可以直接检测字数是不是超过容器。

div.test
{
text-overflow:ellipsis;
}

注意事项：在使用的时候，有时候发现不会出现省略标记效果，经过测试发现，使用ellipsis的时候，必须配合overflow:hidden; white-space:nowrap; width:100px;这三个样式共同使用才会有效果。