Html 将flexbox中的一个项目制作成其他项目大小的一半或四分之一

如果我在一个flex box中有3个项目都设置为flex:1，我如何使其中一个项目的大小为其他项目的1/2到1/4

.div{
显示器：flex；
弯曲方向：行；
}
div>*{
背景颜色：浅蓝色；
填充：4px；
弹性：1；
边框：1px纯色灰色；
}
.小一点{
弹性：5.1自动；
}

1.
2.
3.

尝试

flex:.5 1 0

应该可以。这应该是你想要的大小。

也许

flex:.5 1 0而不是
flex:.5 1自动如果它在这里工作，而不是在您的项目中，那么问题就出在您的项目中，而不是代码片段中。好的，我们得到了一些东西，
flex:.5 1 0
似乎工作正常。但是这一切意味着什么呢？flex basis需要为0，所以在分割自由空间时不考虑内容（就像所有元素都将以0宽度开始）@dippas项目还有一些其他问题，
.51 auto
可以工作，但
.51 0
是我认为需要的。