首页 > 其他 > 详细

关于flex的三属性2--flex-basis

时间:2018-11-03 12:24:28      阅读:138      评论:0      收藏:0      [点我收藏+]
1.先看几个例子:
(1)每个item均未设置width 和 flex-baiss,元素呈现的大小为flex下内容的大小
技术分享图片
技术分享图片

    (2)元素item01只设置width=100px(隐含flex-basis=auto),元素item02只设置flex_basis=250px(隐含width=auto),元素item03同时设置width=50px和flex_basis=140px。
  1. 总结:item01宽度为100px,item02宽度为250px,item03宽度为140px。
    从中可以看出,flex项宽度取决于flex-basis -->width --> content

关于flex的三属性2--flex-basis

原文:http://blog.51cto.com/2014fontend/2312457

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