AI 助理
备案控制台
开发者社区 云原生 文章 正文

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

2023-01-10 1159
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： text-overflow: ellipsis； 不生效（除了white-space:nowrap；overflow: hidden；之外）

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

  • white-space:nowrap;
  • overflow: hidden;

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

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

over

拓展阅读：

文章标签：
容器
程序边界
目录
相关文章
html的七十二变
|
2月前
|
前端开发 JavaScript
分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景
在CSS中，`opacity: 0`、`visibility: hidden` 和 `display: none` 都能隐藏元素，但各有千秋。`opacity: 0` 使元素透明但仍占布局空间；`visibility: hidden` 同样保留空间但使元素完全不可见；而 `display: none` 则彻底移除元素及其所占空间。根据具体需求选择合适方式可优化页面表现与性能。
html的七十二变
65 3
龙腾九州
|
3月前
overflow属性
overflow属性。
龙腾九州
34 0
Clover‘sBlog
display:none和visibility: hidden区别
display:none和visibility: hidden区别
Clover‘sBlog
83 0
_揽
|
容器
overflow属性详解
overflow是对溢出内容的处理
_揽
498 0
overflow属性详解
黛琳ghz
|
前端开发
每日一学—CSS overflow与text-overflow与white-space属性
CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。text-overflow 属性指定当文本溢出包含它的元素时，应该如何显示。可以设置溢出后，文本被剪切、显示省略号 (...) 或显示自定义字符串（不是所有浏览器都支持）。white-space属性指定元素内的空白怎样处理。
黛琳ghz
299 0
每日一学—CSS overflow与text-overflow与white-space属性
torchstars
|
存储 容器
overflow text-overflow 超过部分隐藏问题
overflow text-overflow 超过部分隐藏问题
torchstars
114 0
Lux_Sun
|
前端开发
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效？
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效？
Lux_Sun
517 0
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效？
晚来南风晚相识
display:none与visibility: hidden的区别
display:none与visibility: hidden的区别
晚来南风晚相识
186 0
display:none与visibility: hidden的区别
佀无极
|
Web App开发 前端开发
css3给元素的border、margin、pading、font-size和width等属性设置动态值使用函数calc()
佀无极
1583 0
技术小阿哥
|
前端开发
margin 和 padding 的区别
技术小阿哥
1129 0