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

Posted torchstar

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了overflow text-overflow 超过部分隐藏问题相关的知识,希望对你有一定的参考价值。

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

以上是关于overflow text-overflow 超过部分隐藏问题的主要内容,如果未能解决你的问题,请参考以下文章

内容超过长度后以省略号显示

css 超过2行 省略,...的形式展示的问题

css只显示两行 超过显示点点点

CSS设置超过两行或者单行显示...

文本超过宽度显示省略号

关于超出文字省略的样式布局