问题描述
假设一个flex布局的div,含有AB两个div。
如果A里面有white-space:nowrap属性,则会撑开A宽度,导致B显示被压缩
原因分析
AB没有初始宽度,且A含有超长元素,所以flex会给A大比例的宽度
解决方法
AB均设置min-width: 0;
处理结果
AB宽度比例显示正常
时间:2019-06-28 12:23:16
问题描述
假设一个flex布局的div,含有AB两个div。
如果A里面有white-space:nowrap属性,则会撑开A宽度,导致B显示被压缩
原因分析
AB没有初始宽度,且A含有超长元素,所以flex会给A大比例的宽度
解决方法
AB均设置min-width: 0;
处理结果
AB宽度比例显示正常
flex 遇上white-space:nowrap的2种解决方法
2019-10-28
display:flex布局下white-space:nowrap失效问题解决
2019-02-01
grid布局或flex布局被white-space: nowrap撑开的问题
2024-02-25