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