【兼容性】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

相关推荐
HashTang1 分钟前
【AI 编程实战】第 3 篇:后端小白也能写 API:AI 带我 1 小时搭完 Next.js 服务
前端·后端·ai编程
三年三月3 分钟前
React 中 CSS Modules 详解
前端·css
期待のcode4 分钟前
Thymeleaf模板引擎
java·html·springboot
粉末的沉淀12 分钟前
tauri:关闭窗口后最小化到托盘
前端·javascript·vue.js
赵庆明老师21 分钟前
NET 使用SmtpClient 发送邮件
java·服务器·前端
绝世唐门三哥33 分钟前
使用Intersection Observer js实现超出视口固定底部按钮
开发语言·前端·javascript
南山安38 分钟前
Vue学习:ref响应式数据、v-指令、computed
javascript·vue.js·面试
思茂信息42 分钟前
CST电动车EMC仿真——电机控制器MCU滤波仿真
javascript·单片机·嵌入式硬件·cst·电磁仿真
鲸落落丶1 小时前
Vue Router路由
前端·javascript·vue.js
阿呜的边城1 小时前
终于还是吃上了react-i18next的细糠
前端·前端框架