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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于flex的三属性2--flex-basis相关的知识,希望对你有一定的参考价值。

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的主要内容,如果未能解决你的问题,请参考以下文章

flex的三个属性:

为啥flex-shrink属性不起作用

关于flex,好像有12个属性非常重要

关于flex,好像有12个属性很重要

关于flex,好像有12个属性很重要

关于flex