HTML flex遇到white-space:nowrap

问题描述

• 假设一个flex布局的div，含有AB两个div。
  
• 如果A里面有white-space:nowrap属性，则会撑开A宽度，导致B显示被压缩
  

原因分析

• AB没有初始宽度，且A含有超长元素，所以flex会给A大比例的宽度

解决方法

• AB均设置 min-width: 0;

处理结果

• AB宽度比例显示正常