关于flex元素超出父元素的解决方法

左边是label， 右边是input。 设置父级为display:flex; input为flex:1;

然后label 为 white-space: nowrap; 这时input就有可能超出父级。 

解决方法是把input设置为width:0；就可以了；

转载于: https://www.cnblogs.com/Red-ButterFly/p/8794286.html

posted @   haha-uu  阅读(707)  评论(0)  编辑  收藏  举报
相关博文：
·  el-input 限制输入框只能输入数字和小数
·  vue provide inject 方法
·  flex为1的时候，子元素限制一行时内容撑出父元素布局解决方案
·  遇到的未解决的问题
·  flex布局子元素宽度超出父元素flex1不生效问题
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？
点击右上角即可分享
微信分享提示
SQL AI 助手