overflow text-overflow 超过部分隐藏问题

最新推荐文章于 2022-09-29 12:05:35 发布

weixin_30907935

最新推荐文章于 2022-09-29 12:05:35 发布

阅读量312

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/torchstar/p/11055622.html

博客介绍了overflow和text-overflow两种溢出处理方式。overflow是针对容器内所有数据溢出的统一处理，有hidden、scroll、visible等取值；text-overflow专门处理盒子内文本溢出，有clip、ellipsis、string等取值。当text-overflow取string或ellipsis时，overflow须设为hidden才有效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

overflow:是针对容器内所有的数据溢出的一种统一处理方式,不管容器内的存储的是文本图片还是其他的数据统一取值; hidden隐藏, scroll滚动条显示,visible溢出显示
text-overflow:是专门针对盒子内的文本溢出时的处理方式,有裁剪clip ellipsis省略号以及 string 指定字符串来替换,
text-overflow如果取值是string 或ellipsis,那么overflow这个属性也必须要设置且必须为hidden,只有这样text-overflow才有效,因为tring 或ellipsis取值是建立在隐藏溢出部分的基础上的,替代符号都是在容器内显示的,不会在容器外显示,所以overflow也必须这样设置

转载于:https://www.cnblogs.com/torchstar/p/11055622.html