css控制不溢出,不换行,溢出部分省略号显示

  • 内容
  • 相关
css控制不溢出,不换行,溢出部分省略号显示:white-space:nowrap;text-overflow:ellipsis;overflow:hidden;

ext-overflow 取值:
clip : 默认值。不显示省略标记(...),而是简单的裁切 
ellipsis : 当对象内文本溢出时显示省略标记(...)
 
white-space : normal | pre | nowrap 取值:
normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 
pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。参阅 pre 对象
nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。参阅 noWrap 属性

overflow : visible | auto | hidden | scroll 取值:
visible : 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值,对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效
auto : 在必需时对象内容才会被裁切或显示滚动条 
hidden : 不显示超过对象尺寸的内容 
scroll : 总是显示滚动条

本文标签:

版权声明:若无特殊注明,本文皆为《Finally》原创,转载请保留文章出处。

本文链接:css控制不溢出,不换行,溢出部分省略号显示 - https://pjax.cn/post/126

发表评论

电子邮件地址不会被公开。 必填项已用*标注

允许邮件通知

评论

8条评论
  1. avatar

    FBI Lv.1 Chrome 63.0.3239.26 Chrome 63.0.3239.26 Windows 8.1 x64 Edition Windows 8.1 x64 Edition 回复

    表情 写得好好哟,我要给你生猴子!

    陕西省西安市 联通

    1. avatar

      匿名 Lv.1 Chrome 31.0.1650.63 Chrome 31.0.1650.63 Windows 7 x64 Edition Windows 7 x64 Edition 回复

      看了3个月html  还是看不懂这篇文章

      浙江省宁波市 (慈溪/北仑区)电信

      1. avatar

        匿名星辰 Lv.1 Chrome 31.0.1650.63 Chrome 31.0.1650.63 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        [url]http://www.zy7.net[/url]匿名星辰

        浙江省宁波市奉化市 电信

        1. avatar

          smallest Lv.2 Chrome 42.0.2311.152 Chrome 42.0.2311.152 Windows 8 x64 Edition Windows 8 x64 Edition 回复

          板凳

          河北省秦皇岛市 电信

          1. avatar

            思源 Lv.3 Chrome 31.0.1650.63 Chrome 31.0.1650.63 Windows 8.1 x64 Edition Windows 8.1 x64 Edition 回复

            板凳

            河北省保定市 电信