美文网首页
CSS--text-overflow使用注意

CSS--text-overflow使用注意

作者: 栗子酥小小 | 来源:发表于2017-03-23 19:55 被阅读0次
  • 设置在块元素上。

  • text-overflow有两个属性值,clip和ellipsis。clip 表示不显示省略标记(…),而是简单的裁切;ellipsis代表当对象内文本溢出时显示省略标记(…)

  • 要想这两个属性起真正的作用,需要配合overflow:hidden;white-space:nowrap;使用。

  • overflow:hidden;代表着超出文本的部分不显示

  • white-space:nowrap;代表强制文本在一行显示。

  • 完整代码:
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    &必要的宽度限制

格式注意:

  • 一般文字是用一个span包裹,但是ellipsis不能写在span里,否则无效,要写在最近的包裹了span的div里面,必须最近,否则祖父级别以上的也无效,不会显示....

相关文章

  • CSS--text-overflow使用注意

    设置在块元素上。 text-overflow有两个属性值,clip和ellipsis。clip 表示不显示省略标记...

  • 小白如何使用Metamask?

    最近梳理了一下 Metamask 使用方法。仅供个人研究使用,内容不作为任何使用建议。 注意!注意!注意!重要的事...

  • swift基础语法(函数)

    一、函数的基本使用 二、函数的使用注意 --- 参数名 三、函数的使用注意 --- 函数类型 四、函数嵌套

  • RACCommand使用注意

    RACCommand使用注意

  • Fastjson 使用注意

    将object转为Json时避免出现"$ref" SerializerFeature.DisableCircula...

  • componentsSeparatedByString使用注意

    注意:如果content内容为空,以逗号区分的时候。会生成一个空字符串的数组。数组内有一个空的字符串。这样会导致一...

  • ajax使用注意

    新版jQuery使用ajax: 旧版jQuery使用ajax:

  • Mysql 使用注意

    Mysql中不等于过滤null 代码段1 没办法更新 NULL 数据, 需要使用代码段2 limit分页,数据重复...

  • xml使用注意

    1、我用xml来干什么? 用来记录一些应用包名、及包名对应的一些属性。 2、我的xml文件要直接放在apk中,但有...

  • SVN使用注意

    2016.5.27 每次改代码之前先把代码update一下再改。改完了提交 用SVN提交代码的时候, 新增文件,要...

网友评论

      本文标题:CSS--text-overflow使用注意

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