您的当前位置:首页正文

CSS实现文字省略

来源:九壹网
CSS实现⽂字省略

Css实现⽂字省略

text-overflow 设置或检索是否使⽤⼀个省略标记(...)标⽰对象内⽂本的溢出。{

clip : 不显⽰省略标记(...),⽽是简单的裁切

ellipsis : 当对象内⽂本溢出时显⽰省略标记(...)}

text-overflow属性仅是注解,当⽂本溢出时是否显⽰省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产⽣省略号的效果。还必须定义:强制⽂本在⼀⾏内显⽰(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出⽂本显⽰省略号的效果。(下⾯有关于提到的两个属性的介绍)

overflow 这个属性定义溢出元素内容区的内容会如何处理。

如果值为 scroll,不论是否需要,⽤户代理都会提供⼀种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。

white-space 属性设置如何处理元素内的空⽩。

因篇幅问题不能全部显示,请点此查看更多更全内容

Top