Html 如何使flex中的子对象达到全宽？

我已经开始使用flex，我喜欢它的工作方式

我使用的是flex布局，我希望

btn组
类位于
仪表板主体中
与父级完全相同。现在它的宽度等于两个按钮的宽度

我想在这里实现的是在两个按钮之间增加空间，我也不想使用右边距或左边距。我希望
btn组
div具有其父级
仪表板主体的全宽
，以便我可以使用flex属性
align content:space-between
在两个按钮之间留出足够的空间

除了在按钮周围添加边距/填充物之外，还有什么更好的方法可以做到这一点吗

谢谢

代码如下：


。仪表板主体{
显示器：flex；
柔性包装：包装；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
}

你没有任何销售数据

请添加一本新书或上传CSV

您可以在.btn组上添加
align self:stretch


下面是一个演示：
这是实现这一目标的正确方法：


。仪表板主体{
文本对齐：居中；
宽度：300px；
保证金：0自动；
}
.btn组{
显示器：flex；
弯曲方向：行；
证明内容：之间的空间；
}
.btn a组{
flex:0自动；
}

你没有任何销售数据

请添加一本新书或上传CSV

.btn组{align self:stretch；}
对齐内容：在这种情况下不起作用。任何解决方案。你也需要将
.btn组
作为一个flex容器：（顺便说一句，它是
调整内容
）。@vikrantnegi007当“宽项”必须是flexbox的第一个或最后一个（通过稍微调整css）元素时，你的示例效果很好。然而，当我想让“中间”项占据flexbox的全部宽度时，它似乎不起作用。有办法解决吗？或者这就是flexbox的工作方式？@DimitryK您能为您的案例创建一个JSFIDLE吗？我可以通过查看代码来帮助您。我必须添加宽度100。非常感谢，我简直是疯了！这一行立即完成了我想要的操作。这有助于实现相反的操作：）我不需要让孩子们全宽，所以我将其设置为
start