Html 如何使弹性物品的宽度相等？

我希望第一个和最后一个元素具有相同的宽度。怎么做

main{
显示器：flex；
证明内容：之间的空间；
宽度：100%；
}
输入{
宽度：200px；
}

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
Lorem ipsum dolor sit amet，奉献精英，

将

flex:0 0自动

放入中间的div（使其占据与内容相同的宽度），并将

flex:1

放入其他两个div（添加

边框

s以供说明）

请注意，此解决方案假定中间div具有固定的宽度（您已经为

输入提供了固定的
宽度
）-请参见下面的演示：


main{
显示器：flex；
证明内容：之间的空间；
宽度：100%；
}
输入{
宽度：200px；
}
主>分区{
边框：1px实心；
}
主分区：第一个孩子，主分区：最后一个孩子{
弹性：1；
}
主要组别：第n名儿童（2）{
flex:0自动；
}

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
Lorem ipsum dolor sit amet，奉献精英，
要使第一个和最后一个元素的宽度相等，只需给它们
flex:1


main{
显示器：flex；
}
输入{
宽度：200px；
}
main>div：第一个孩子，
main>div：最后一个孩子{
弹性：1；
}

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
Lorem ipsum dolor sit amet，奉献精英，