HTML flex遇到white-space:nowrap
作者:程序员11 时间:2022-04-29 人气:516 QQ交流群\邮箱:1003265987@qq.com
HTML flex遇到white-space:nowrap
要展示的内容
问题描述
假设一个flex布局的div,含有AB两个div。
如果A里面有white-space:nowrap属性,则会撑开A宽度,导致B显示被压缩
原因分析
AB没有初始宽度,且A含有超长元素,所以flex会给A大比例的宽度
解决方法
AB均设置
min-width: 0;
处理结果
AB宽度比例显示正常
温馨提示:
欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。
- 上一篇:js中将html标签替换为空字符串
- 下一篇:带搜索框的select下拉框
HTML flex遇到white-space:nowrap---相关文章
HTML5-热门文章
活跃用户












