Css flexbox项目';s与flex的尺寸相同,即使在包装上也是如此

Css flexbox项目';s与flex的尺寸相同,即使在包装上也是如此,css,flexbox,Css,Flexbox,我有一个包含结果的列,现在所有的项目都需要调整以填充行,现在只有当1个blok wrap占据容器的整个宽度时 我需要得到的是,所有的块仍然是相同的大小,这是可能的flexbox .u-flexbox--空格环绕{ 显示器:flex; 柔性包装:包装; 证明内容:周围的空间; } .u-flex-1{ 弹性:1; } 奥特莱特酒店{ 最小宽度:150px; 高度:150像素; 背景:红色; 利润率:24px; } 将div设置为最大宽度为150 px可以满足您的需要,如下面的代码片段所示: (以

我有一个包含结果的列,现在所有的项目都需要调整以填充行,现在只有当1个blok wrap占据容器的整个宽度时

我需要得到的是,所有的块仍然是相同的大小,这是可能的flexbox

.u-flexbox--空格环绕{
显示器:flex;
柔性包装:包装;
证明内容:周围的空间;
}
.u-flex-1{
弹性:1;
}
奥特莱特酒店{
最小宽度:150px;
高度:150像素;
背景:红色;
利润率:24px;
}

将div设置为
最大宽度
150 px
可以满足您的需要,如下面的代码片段所示:

(以全屏模式运行)

.u-flexbox--空格环绕{
显示器:flex;
柔性包装:包装;
证明内容:周围的空间;
}
.u-flex-1{
弹性:1;
}
奥特莱特酒店{
最小宽度:150px;
最大宽度:150px;
高度:150像素;
背景:红色;
利润率:24px;
}


您只设置了最小宽度。尝试设置一个最大值,你应该会看到差异!这将无法确保所有块的大小相同