最近在项目中遇到使用flex的时候,在flex-item元素中使用text-overflow:hidden;white-space:nowrap;进行省略文字的操作。

发现flex-item失控了,长度完全根据子元素中的文字决定,把其他同级元素挤跑。

最后求助网友,得到解决办法:

1.给flex-item元素增加min-width:0

最新文章

  1. python enumerate 用法
  2. wpf 切换资源字典的2中方式
  3. 读书笔记---PMBOK第五版官方中文版
  4. 导入excel2007文件问题
  5. GMF Q&A(1): 如何让palette支持拖拽(DnD)等10则
  6. OWIN规范中最让人费解的地方
  7. iOS-修改Status Bar
  8. (巨坑)改了tpl文件之后,前端效果没反应
  9. [CSS]如何正确使用ID和Class?
  10. Android堆栈分析
  11. DotNet命名规范参考(转)
  12. PHP 模板方法模式使用
  13. 我的第一个python web开发框架(18)——前台页面与接口整合
  14. javascript的数组之reverse()
  15. AD软件原理图封装过程(即由原理图转换到PCB)
  16. Java基础-多线程-①线程的创建和启动
  17. webpack入门详解
  18. Ansible Role
  19. GO语言学习 ---nil
  20. Project Navigator Help: Creating a Workspace in Xcode

热门文章

  1. 【经验总结】datagrid锁定列后重新加载时出现错位问题的解决
  2. php 05
  3. testNG测试基础一
  4. mongodb 认证方式(version:3.0.4)
  5. linux 下源码编译环境配置
  6. python decorator 用法
  7. ionic文本颜色
  8. Openfire+spark在linux上搭建内部聊天系统
  9. HDU 1059 Dividing 分配(多重背包,母函数)
  10. 64位系统中为VS2012添加OpenGL工具包