本文探讨了在使用Flex布局时，不同设置下内层容器宽度的变化。当外层容器使用column方向时，内层容器宽度会与外层保持一致。若改用flex-wrap，内层宽度则随内容动态调整。
当外层容器使用flex布局，并且把flex-direction设置成colum的时候，内层容器的宽度会跟外层容器的宽度保持一致。
在浏览器上的效果如下：
当把外层容器的纵向布局不适用flex-direction，改用flex-wrap的时候，内层组件的宽度就不会被自动拉伸，此时的内层组件宽度会跟随内容宽度动态变化，如下所示：
转载于:https://www.cnblogs.com/edward-life/p/11551428.html
flex-direction和flex-wrap
最新推荐文章于 2024-12-12 22:00:02 发布
扫一扫
2082
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
