Html CSS：如何使用display:flex设置入口宽度？

我有一个要求，我需要在一些div中垂直对齐内容。Flex box将以优雅的方式提供我所需要的东西

但是我不能完全弄清楚设置弹性项宽度的最佳方法是什么。如果我使用

flex:50%

，项目会随着内容而增长（这不是我想要的）。此外，我无法使用

溢出：隐藏
（因为divs中有内容）

使用良好的旧宽度属性设置宽度是否可行？换句话说：display:flex不带flex:xx


.wrapper{
显示器：flex；
宽度：200px；
}
.左{
显示器：flex；
弹性：50%；
背景颜色：绿色；
/*溢出：隐藏；*/*无法使用该选项*/
}
.对{
显示器：flex；
弹性：50%；
背景色：红色；
/*溢出：隐藏；*/*无法使用该选项*/
}

大的，大的
小的
您可以使用
flex:0 50%
，因此将设置为0，并且不会超过
50%


.wrapper{
显示器：flex；
宽度：200px；
对齐项目：居中；
}
.左{
弹性：0.50%；
背景颜色：绿色；
单词break：打破一切；
}
.对{
弹性：0.50%；
背景色：红色；
}

BigBigBsdfsdfigBigBigsdfsdf
小的
您可以使用
flex:0 50%
，因此将设置为0，并且不会超过
50%


.wrapper{
显示器：flex；
宽度：200px；
对齐项目：居中；
}
.左{
弹性：0.50%；
背景颜色：绿色；
单词break：打破一切；
}
.对{
弹性：0.50%；
背景色：红色；
}

BigBigBsdfsdfigBigBigsdfsdf
小的
提供的小提琴是否回答了您的问题，只是不太确定这是您的目标。
提供的小提琴是否回答了您的问题，只是不太确定这是您的目标。
谢谢！我的片段不够精确，对此我深表歉意。我做了一些改变：。你介意看一下吗？我明白了！很好。如果这比设置好的旧宽度更干净，你能做出一个假设吗？另外，你知道如果我有一个最小宽度，为什么行为会改变吗？这是规格吗？谢谢！我的片段不够精确，对此我深表歉意。我做了一些改变：。你介意看一下吗？我明白了！很好。如果这比设置好的旧宽度更干净，你能做出一个假设吗？另外，你知道如果我有一个最小宽度，为什么行为会改变吗？这是规格吗？谢谢。现在是50/50。但我需要文本溢出：省略号才能工作。你知道怎么做吗？这应该可以做到：-`.textToEllipsis{width:250px；空格：nowrap；溢出：隐藏；文本溢出：省略号；}，谢谢。现在是50/50。但我需要文本溢出：省略号才能工作。你知道怎么做吗？应该这样做：-`.textToEllipsis{width:250px；white space:nowrap；overflow:hidden；text overflow:省略号；}，