开发者社区云原生文章正文

【已解决】text-overflow: ellipsis；不生效（除了white-space:nowrap；overflow: hidden；之外）

2023-01-10 850

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： text-overflow: ellipsis；不生效（除了white-space:nowrap；overflow: hidden；之外）

text-overflow: ellipsis; 不生效，网上一搜全是关于：

white-space:nowrap;
overflow: hidden;

这两条要有，但是还有一条不要忽略：

display: block;

不生效常见于容器被设置了 display: flex;

over

拓展阅读：

文章标签：

容器

程序边界

Clover‘sBlog

10月前

display:none和visibility: hidden区别

Clover‘sBlog

54 0 0

_揽

容器

overflow属性详解

overflow是对溢出内容的处理

_揽

313 0 0

黛琳ghz

前端开发

每日一学—CSS overflow与text-overflow与white-space属性

CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。text-overflow 属性指定当文本溢出包含它的元素时，应该如何显示。可以设置溢出后，文本被剪切、显示省略号 (...) 或显示自定义字符串（不是所有浏览器都支持）。white-space属性指定元素内的空白怎样处理。

黛琳ghz

242 0 0