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

作者: 道友试试重启 | 来源:发表于2017-03-15 11:34 被阅读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

相关文章

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

    css方式(建议使用)用css方式来实现截取字符串并补充省略号: 那么我们来了解一下这几个css属性,为何能实现这...

  • Swift字符串截取

    NSString类型的字符串截取 NSString类型的字符串截取方法,同于OC语言的字符串截取方法,不能修改字符...

  • mac 终端常见命令

    切换shell 截取字符串 shell字符串的截取 shell字符串的截取 Shell脚本8种字符串截取方法总...

  • Swift4 字符串

    字符串截取 swift3 swift 4 多行字符串 待补充。。。

  • iOS 字符串常见处理

    一、截取字符串 iOS “字符串” 的几种常见的截取方法(随时更新)iOS截取字符串,分割字符串iOS 截取字符串...

  • Swift 4.0 字符串截取,拼接,字符串富文本显示

    字符串截取,调用系统方法 字符串拼接 字符串富文本 字符串截取,调用系统方法 swift 3.2 版本:

  • Python入门(18)

    字符串拼接并截取

  • 2018-06-13

    1、 以下关于字符串截取,描述错误的是 C A、Java中的字符串截取方法进行了重载B、对于字符串截取方法,sub...

  • PHP基础2

    函数补充 字符串函数 substr截取字符串$string="abcdefg;echo substr($strin...

  • JAVA之UUID去掉横线

    方法一(字符串截取) 方法一 方法二(字符串分割) 方法二

网友评论

    本文标题:截取字符串并补充省略号的两种方法

    本文链接:https://www.haomeiwen.com/subject/nvihnttx.html