当前位置:首页 > HTML+CSS > 其他 > 源码

CSS省略号text-overflow超出溢出显示省略号

发布时间:2013-09-22 11:45  来源/作者:藕码网 分类:其他
TAG标签:
摘要:CSS省略号text-overflow超出溢出显示省略号

  • 素材详情
  • 用户评论
  • 相关文章
  • 为了避免文本文字内容超出一定宽度后溢出,我们想要溢出的部分不显示但用省略号(...)显示,这个时候我们可以使用CSS text-overflow文本溢出省略号属性样式实现。


    text-overflow语法:
    text-overflow : clip | ellipsis

    text-overflow参数值和解释:
    clip :  不显示省略标记(...),而是简单的裁切
    ellipsis :  当对象内文本溢出时显示省略标记(...)

    text-overflow应用说明:
    CSS text-overflow设置或检索是否使用一个省略号标记(...)标示对象内文本文字的溢出。

    要想实现显示不完内容将显示省略号代替,还需要html nobr标签完成(nobr禁止换行标签)


  • 最新评论

    验证码: