Html 输入相同宽度的文件标签和复选框

我需要上传标签和复选框的宽度相同

我试图用jquery修复它，但没有成功，而且

flex-grow:1和
flex:10中的代码无效

它对jquery resize函数起作用，但是表单容器得到了额外的宽度



字段集{
边框：2px实心#0062b5；
边界半径：5px；
填充：15px；
边缘底部：20px；
}
输入[类型=复选框]，输入[类型=文件]{
显示：无；
}
.中心{
显示器：flex；
柔性包装：nowrap；
}
.放射性标签{
光标：指针；
弹性：1；
边界半径：5px；
填充：10px；
}
.Center输入[类型=文件]+标签{
弹性：1；
}
米德拉贝尔先生{
利润率：0.5px；
}
输入[类型=文件]+标签{
光标：不允许；
过渡：0.3s；
线高：50px；
填充：0 10px；
背景色：#ebebe4；
}
输入[类型=复选框]：选中+标签{
背景色：#d1e9ff；
}
标签img{
右侧填充：15px；
垂直对齐：中间对齐；
页边顶部：-2px；
}
#链接文件{
弹性：10像素；
字体大小：16px；
保证金：0；
}
传奇{
填充：0 5px；
颜色：#0059a3；
字体大小：粗体；
}

模板（可选）
模板
形象
链接


上载模板
上传图像
您应该查看
显示：网格CSS的特性。除非您自己设置，否则无法确保两个单独的flex容器的元素具有相同的宽度（这违背了flex的目的）

只需设置
网格模板列：1fr 1fr 1fr
获取3列相同宽度的列，并将元素保存在一个容器中


字段集{
边框：2px实心#0062b5；
边界半径：5px；
填充：15px；
边缘底部：20px；
}
输入[类型=复选框]，输入[类型=文件]{
显示：无；
}
.中心{
显示：网格；
网格间距：5px；
网格模板柱：1fr 1fr 1fr；
}
.放射性标签{
光标：指针；
弹性：1；
边界半径：5px；
填充：10px；
}
米德拉贝尔先生{
利润率：0.5px；
}
输入[类型=文件]+标签{
光标：不允许；
过渡：0.3s；
线高：50px；
填充：0 10px；
背景色：#ebebe4；
}
输入[类型=复选框]：选中+标签{
背景色：#d1e9ff；
}
标签img{
右侧填充：15px；
垂直对齐：中间对齐；
页边顶部：-2px；
}
#链接文件{
弹性：10像素；
字体大小：16px；
保证金：0；
}
传奇{
填充：0 5px；
颜色：#0059a3；
字体大小：粗体；
}

模板（可选）
模板
形象
链接
上载模板
上传图像