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

作者: 道友试试重启 | 来源:发表于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

    相关文章

      网友评论

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

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