前端让h5标签超过长度的字自动转换成“...”

在前端页面的开发上，有可能会遇到一个宽度固定的位置，让你单行显示一条信息，但是这条信息的字数是不确定的，字数多了会挤到下一行，这时候在标签的css上做下限制，就可以实现超过宽度就将后面的字变成“...”

 

效果如下

 

css:

width:235px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;