首页 > 其他 > 详细

display:flex 的弹性盒子中,flex-grow:2 不生效的解决方法

时间:2018-05-18 16:43:41      阅读:322      评论:0      收藏:0      [点我收藏+]

在使用 display:flex 的弹性盒子时,用到flex-grow:2 时不生效,只需在flex-grow:2 的前面增加一行css:  width:0 即可

 

<div style="display:flex;">

  <div style="width:0;flex-grow:2"></div>

  <div style="width:0;flex-grow:1"></div>

</div>

 

就可以实现 第一个div占 三分之二  第二个div占三分之一的空间

display:flex 的弹性盒子中,flex-grow:2 不生效的解决方法

原文:https://www.cnblogs.com/maochunyan/p/9056814.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!