css方式(建议使用)
用css方式来实现截取字符串并补充省略号:

css代码图
那么我们来了解一下这几个css属性,为何能实现这种效果:
1. white-space
如何处理元素内的空白

white-space-可能的值
2. word-break
自动换行的处理方法

word-break-语法
3. overflow
当内容溢出元素框时发生的事情

overflow-可能的值
4.text-overflow(本次功能实现的最重要部分)
当文本溢出包含元素时发生的事情

text-overflow-语法
js方式
这种方式应用较少,直接上代码:

js代码图
版权印为您的作品印上版权47110210