Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Html 在flexbox上,对高度进行了包裹工作_Html_Css_Flexbox - Fatal编程技术网

Html 在flexbox上,对高度进行了包裹工作

Html 在flexbox上,对高度进行了包裹工作,html,css,flexbox,Html,Css,Flexbox,我需要将项目放入列中,当窗口变窄时,此列将拆分为新列。我可以在flexbox中执行此操作吗? .flex容器{ 显示:-webkit flex; 显示器:flex; -webkit柔性包装:包装; 柔性包装:包装; 宽度:400px; 高度:250px; 背景色:#ccc; } .弹性项目{ 背景色:#050; 宽度:150px; 高度:300px; 利润率:10px; } 弹性项目1 弹性项目2 弹性项目3 您需要提供您当前正在尝试的内容的代码,否则人们将很难帮助您。也许您正在寻找flex-

我需要将项目放入列中,当窗口变窄时,此列将拆分为新列。我可以在flexbox中执行此操作吗?

.flex容器{
显示:-webkit flex;
显示器:flex;
-webkit柔性包装:包装;
柔性包装:包装;
宽度:400px;
高度:250px;
背景色:#ccc;
}
.弹性项目{
背景色:#050;
宽度:150px;
高度:300px;
利润率:10px;
}

弹性项目1
弹性项目2
弹性项目3

您需要提供您当前正在尝试的内容的代码,否则人们将很难帮助您。也许您正在寻找
flex-wrap
属性。