Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 带有柔性包裹的柔性div不包裹_Css_Flexbox - Fatal编程技术网

Css 带有柔性包裹的柔性div不包裹

Css 带有柔性包裹的柔性div不包裹,css,flexbox,Css,Flexbox,我试图获得几个div来获取整个宽度,如果它们的单个宽度低于200像素,则进行换行。 这就是我所做的: .盒子{ 宽度:1100px; 最大宽度:100%; 显示器:flex; 框大小:边框框; 柔性流:行; 柔性包装:包装; } .box>div{ 边框:1px实心aaa; 最小宽度:200px; 框大小:边框框; 柔性生长:1; } 博伊特1号 博伊特2号 博伊特3号 如果容器中没有更多空间,div将自动换行。您的容器的宽度为:1100px,因此,它可以包含几个宽度为min-width:20

我试图获得几个div来获取整个宽度,如果它们的单个宽度低于200像素,则进行换行。 这就是我所做的:

.盒子{ 宽度:1100px; 最大宽度:100%; 显示器:flex; 框大小:边框框; 柔性流:行; 柔性包装:包装; } .box>div{ 边框:1px实心aaa; 最小宽度:200px; 框大小:边框框; 柔性生长:1; } 博伊特1号 博伊特2号 博伊特3号
如果容器中没有更多空间,div将自动换行。您的容器的宽度为:1100px,因此,它可以包含几个宽度为min-width:200px;的子级


如果您向容器中添加更多子容器,它们将进行包装。

在宽度为100%/1100px的容器中,有三个最小宽度为200px的flex子容器-只要总宽度不小于600px,它们就不会进行包装

将窗口缩小或添加其他子窗口,然后您将看到包装

.盒子{ 宽度:1100px; 最大宽度:100%; 显示器:flex; 框大小:边框框; 柔性流:行; 柔性包装:包装; } .box>div{ 边框:1px实心aaa; 最小宽度:200px; 框大小:边框框; 柔性生长:1; } 博伊特1号 博伊特2号 博伊特3号 博伊特4 博伊特5号 博伊特6
是的,事实上,我没有写正确的代码,这不是我的问题,但感谢这一次。。。