文字超出规定范围时,可以用省略号显示,这里我们可以使用text-overflow:ellipsis来实现省略号显示,下面有个不错的示例,感兴趣的朋友可以参考下
有这样一个需求:文字超出规定范围时,可以用省略号显示

最简单的实现办法用css的一个属性就可以

text-overflow:ellipsis,和white-space:nowrap配合使用即可

偶然间发现的,如果有更好的方法,欢迎给phoebe留言啊