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

1.先看几个例子:
(1)每个item均未设置width 和 flex-baiss,元素呈现的大小为flex下内容的大小
关于flex的三属性2--flex-basis
关于flex的三属性2--flex-basis

在南通等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站制作、成都做网站 网站设计制作按需设计,公司网站建设,企业网站建设,品牌网站制作,成都全网营销推广,外贸网站制作,南通网站建设费用合理。

    (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://myzitong.com/article/gghpcs.html