flex布局_flex布局的 flex（felx-grow、flex-shrink、flex-basis）详解

225 阅读 0 评论 149 点赞

我是靠谱客的博主端庄鸡，这篇文章主要介绍flex布局_flex布局的 flex（felx-grow、flex-shrink、flex-basis）详解，现在分享给大家，希望可以做个参考。

接上篇文章，

flex-grow定义剩余空间的分成。默认为0，即如果存在剩余空间，也不放大。

如何理解这里的剩余空间呢，用例子来说明吧。

默认的情况(flex-grow:0)在浏览器下是

将flex-grow:1 时是:

此时我们将例子变一下

以上就是端庄鸡最近收集整理的关于flex布局_flex布局的 flex（felx-grow、flex-shrink、flex-basis）详解的全部内容，更多相关flex布局_flex布局的内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。