前端开发进阶 ( 技术干货,技能提升,面试经历,IT趣事.. )Web前端之路Web 前端开发

截取字符串并补充省略号的两种方法

2017-03-15  本文已影响664人  道友试试重启

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

上一篇 下一篇

猜你喜欢

热点阅读