【兼容性】flex:1宽度溢出;flex,width 兼容低版本火狐

css 复制代码
.codeBox {
    padding: 0 20px;
    -moz-box-flex: 1; 
    flex: 1;
    width: 0;
    min-width: 0;
 }

这段代码,包含了我之前解决的两个问题。

一是:设置 flex:1,目的是想要 .codeBox 占满元素的剩余空间(这里是宽度)。但是当元素内容过宽,会挤压旁边元素。

解决方案:width:0

二是:flex:1,width:0,在低版本的Firefox浏览器不生效。

解决方案:-moz-box-flex:1; min-width:0

相关推荐
代码老中医5 分钟前
接手老项目的一个月,我重构了那个2000行的“祖传”React组件
前端
飘逸飘逸16 分钟前
Autojs进阶前言
android·javascript
叫我一声阿雷吧22 分钟前
JS 入门通关手册(01)|零基础入门:JavaScript 到底是什么?学完能干嘛?
javascript·前端入门·js入门
用户830407130570135 分钟前
路由传参刷新丢失问题:三种解决方案与最佳实践
前端
从文处安37 分钟前
「前端何去何从」高效提示词(prompts):前端开发者的AI协作指南
前端·aigc
大时光39 分钟前
gsap--《pink老师vivo官网实现》
前端
www_stdio41 分钟前
全栈项目第五天:构建现代企业级 React 应用:从工程化到移动端实战的全链路指南
前端·react.js·typescript
my_styles1 小时前
window系统安装/配置Nginx
服务器·前端·spring boot·nginx
神奇的程序员1 小时前
不止高刷:明基 RD280UG 在编码场景下的表现如何
前端
Rabbit_QL1 小时前
【音频处理】从 AirPods 主动降噪到音频 Source Separation:同一个问题的两种工程解法
前端·人工智能·音视频