怎么实现css限制字数,超出部分显示点点点

新建一个html文件,定名为test.html,用于讲解怎么实现css限制字数,超出部门显示点点点。

  • 2

    在test.html文件内,建立一个包含文字的div,并设置div的class属性为content,本家儿要用于对div进行css样式设置。

  • 3

    在test.html文件内,对类名为content的div进行样式设置,代码如下:

  • 4

    在css内,设置div的宽度为130px,同时设置其浮动标的目的左,居左对齐。

  • 5

    在css内,设置div内的文字不换行,当文字跨越宽度width时,埋没文字。

  • 6

    在css内,设置div内文字跨越宽度时,以点点点取代文字显示。

  • 7

    在浏览器打开test.html文件,查看实现的结果。

    • 发表于 2019-09-21 17:01
    • 阅读 ( 1028 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    admin
    admin

    0 篇文章

    作家榜 »

    1. xiaonan123 189 文章
    2. 汤依妹儿 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 华志健 23 文章

    联系我们:uytrv@hotmail.com 问答工具