Css 带有柔性包裹的柔性div不包裹
我试图获得几个div来获取整个宽度,如果它们的单个宽度低于200像素,则进行换行。 这就是我所做的: .盒子{ 宽度:1100px; 最大宽度:100%; 显示器:flex; 框大小:边框框; 柔性流:行; 柔性包装:包装; } .box>div{ 边框:1px实心aaa; 最小宽度:200px; 框大小:边框框; 柔性生长:1; } 博伊特1号 博伊特2号 博伊特3号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将自动换行。您的容器的宽度为:1100px,因此,它可以包含几个宽度为min-width:200px;的子级
如果您向容器中添加更多子容器,它们将进行包装。在宽度为100%/1100px的容器中,有三个最小宽度为200px的flex子容器-只要总宽度不小于600px,它们就不会进行包装 将窗口缩小或添加其他子窗口,然后您将看到包装 .盒子{ 宽度:1100px; 最大宽度:100%; 显示器:flex; 框大小:边框框; 柔性流:行; 柔性包装:包装; } .box>div{ 边框:1px实心aaa; 最小宽度:200px; 框大小:边框框; 柔性生长:1; } 博伊特1号 博伊特2号 博伊特3号 博伊特4 博伊特5号 博伊特6
是的,事实上,我没有写正确的代码,这不是我的问题,但感谢这一次。。。