Html flex box专门用于堆叠项目的CSS？

对于包裹柔性盒，堆叠盒后是否可以修改盒的行为？（在纯CSS中）

就拿这个玩具来说,

p{
边框：虚线1px；
}
#容器{
显示器：flex；
柔性包装：包装；
}
#项目1{
flex:1自动；
显示器：flex；
柔性包装：包装；
弯曲方向：立柱；
对齐项目：结束；
对齐内容：结束；
背景：蓝色；
}
#项目2{
flex:3-1自动；
显示器：flex；
柔性包装：包装；
弯曲方向：立柱；
对齐项目：开始；
对齐内容：开始；
背景：红色；
}

这是第一项

项目1

这是第2项

项目2

不，到目前为止这是不可能的：）。我们应该有一个事件告诉我们flex项目的flex包装何时发生，然后通过在javascript中使用事件处理程序，我们可以在javascript中更改flex项目的CSS。但到目前为止，我还没有找到这样一个事件

---

所以，这是不可能的。

不。你无法检测flex项目何时包装。@Turnip我们可以对flex项目使用任何CSS属性，唯一的情况是flex basis和width，在这种情况下，flex basis会被应用。@ImranRafiqRather你完全误解了这个问题。@Turnip：我的坏兄弟，我现在知道了。让我试着看看如何处理这件事。我接受我的错误，谢谢你纠正我：）@Turnip刚刚更新了答案，谢谢你阻止我分享错误的信息。上帝保佑：）这如何解决问题中提到的问题？“将p项居中，一旦蓝色框堆叠（通过调整窗口大小）”@turnip：因此，当弹性项堆叠时，他当然可以使用文本align:center来居中他的项。这意味着当您缩小窗口并将块包裹到新行时。@turnip即使我们调整窗口大小，弹性项也可以堆叠，我在flexbox上做了很多项目…@Imran你误解了这个问题，对不起。目标是动态修改flex项css属性，仅当flex项堆叠（从行到列）时。在本例中，仅当纯CSS中的右框移动到左框下方（减小窗口大小时）时，才尝试将文本居中。