Html Flexbox对齐输入类型=文件框

困惑于如何将输入字段的名称与“选择文件”对话框和以前的上传整齐地对齐。有什么建议吗

寻找一个简单、优雅的解决方案

。输入{
显示器：flex；
弯曲方向：立柱；
保证金：3em；
对齐项目：左；
对正内容：左；
}
标签{
填充：1em；
保证金：0.3em；
边框：薄而实的黑色；
边框右下半径：1米；
}

表格一
形成其他形式
形式空谈

。输入{
显示器：flex；
弯曲方向：立柱；
保证金：3em；
/*对齐项目：左；谢谢，不过我注意到它可以很容易地超出边界，特别是在以前有多次上载的情况下，例如，要修复超出边界的标签，请在标签类中添加flex wrap:wrap；，这将以较小的分辨率包装所有内容/devices@hendry考虑使用<代码> Flex基 属性，而不是
flex grow
，来为flex项设置更稳定的宽度。使用
flex basis
可以确保列之间的精确对齐：为了使所有内容保持在边框内，您需要决定如何处理溢出。您可以使用
overflow-x:auto
，
flex wrap:wrap
，等等。我认为是包装很好，只要每个项目都在它自己的行上。我不喜欢
label>中第n个子项（3）{flex:1 0 40%；}
的外观