flex遭遇text-overflow:hidden,white-space:nowrap
2024-10-20 16:40:09
最近在项目中遇到使用flex的时候,在flex-item元素中使用text-overflow:hidden;white-space:nowrap;进行省略文字的操作。
发现flex-item失控了,长度完全根据子元素中的文字决定,把其他同级元素挤跑。
最后求助网友,得到解决办法:
1.给flex-item元素增加min-width:0
最新文章
- python enumerate 用法
- wpf 切换资源字典的2中方式
- 读书笔记---PMBOK第五版官方中文版
- 导入excel2007文件问题
- GMF Q&;A(1): 如何让palette支持拖拽(DnD)等10则
- OWIN规范中最让人费解的地方
- iOS-修改Status Bar
- (巨坑)改了tpl文件之后,前端效果没反应
- [CSS]如何正确使用ID和Class?
- Android堆栈分析
- DotNet命名规范参考(转)
- PHP 模板方法模式使用
- 我的第一个python web开发框架(18)——前台页面与接口整合
- javascript的数组之reverse()
- AD软件原理图封装过程(即由原理图转换到PCB)
- Java基础-多线程-①线程的创建和启动
- webpack入门详解
- Ansible Role
- GO语言学习 ---nil
- Project Navigator Help: Creating a Workspace in Xcode