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

相关推荐
爱潜水的小L2 分钟前
自学嵌入式day42,html
数据库·oracle·html
大布布将军20 分钟前
⚡部署的通行证:Docker 容器化基础
运维·前端·学习·程序人生·docker·容器·node.js
0思必得026 分钟前
[Web自动化] JavaScriptAJAX与Fetch API
运维·前端·javascript·python·自动化·html·web自动化
爱上妖精的尾巴30 分钟前
7-1 WPS JS宏 Object对象创建的几种方法
开发语言·前端·javascript
麒qiqi34 分钟前
HTML 基础 + SQLite3 数据交互
sqlite·html·交互
孙_华鹏35 分钟前
高德地图与Three.js结合实现3D大屏可视化
前端·数据可视化
卸载引擎36 分钟前
vue3+vite如何兼容低版本浏览器的白屏问题(安卓7/ios11)
android·javascript
秋雨雁南飞38 分钟前
WaferMap.HTML
前端·css·html
前端不太难42 分钟前
RN 列表里的局部状态和全局状态边界
开发语言·前端·harmonyos