在前端页面的开发上,有可能会遇到一个宽度固定的位置,让你单行显示一条信息,但是这条信息的字数是不确定的,字数多了会挤到下一行,这时候在标签的css上做下限制,就可以实现超过宽度就将后面的字变成“...”
效果如下
css:
width:235px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
在前端页面的开发上,有可能会遇到一个宽度固定的位置,让你单行显示一条信息,但是这条信息的字数是不确定的,字数多了会挤到下一行,这时候在标签的css上做下限制,就可以实现超过宽度就将后面的字变成“...”
效果如下
css:
width:235px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;