您好,欢迎来到九壹网。
搜索
您的当前位置:首页CSS实现文字省略

CSS实现文字省略

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

Css实现⽂字省略

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

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

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

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

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

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

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

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

Copyright © 2019- 91gzw.com 版权所有 湘ICP备2023023988号-2

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务