.items{显示:flex;合理内容:中心;字体大小:.48rem;.item1{flex:00140px;左填充:12px;背景色:红色;;背景色:绿色;}.item3{flex:0028px;背景色:蓝色;}}多栏目内容的固定分布http://www.ruanyifeng.com/blo...https://developer.mozilla.org...1.要求三栏内容以固定的方式并排显示widthof280px414px56px2.知识点弹性布局项目flex属性设置flex-grow定义item放大比例列,默认值为0,没有剩余空间可以放大flex-shrink定义item缩小比例列,默认值为1,空间不足收缩flex-basis设置项目在主轴上的尺寸,默认值为auto与width或height属性值相同(如350px)flex:none|[<'flex-grow'><'flex-shrink'>?||<'flex-basis'>]该属性有两个快捷值:auto(11auto)和none(00auto)建议优先使用该属性,而不是单独写三个单独的属性,因为浏览器会计算相关值3.代码1111