在HTML表单中正确地隔开输入字段，而不考虑屏幕大小？

无论屏幕大小如何，输入字段正确隔开的最简单方法是什么

我有下面的HTML

表单

，如果在大屏幕上打开它，输入字段和提交按钮将对齐到顶部，在表单底部留下大的空白。我试着输入高度：#

%但运气不太好。有什么帮助吗


.formTitle{
边框底部：纯红色；
}
.表格样式-5{
位置：相对位置；
最大宽度：60%；
最大高度：82vh；
填充：10px 20px；
背景#f4f7f8；
利润率：10px自动；
边界半径：8px；
字体系列：“先锋派”，先锋派，“世纪哥特式”，世纪哥特式，AppleGothic，无衬线；
}
.form-style-5：之后{
不透明度：1；
}
.form-style-5字段集{
边界：无；
}
.form-style-5图例{
字号：1.4em；
边缘底部：10px；
}
.form-style-5标签{
字体大小：1.3em；
显示：块；
边缘底部：8px；
}
.form-style-5输入[type=“text”]，
.form-style-5输入[type=“date”]，
.form-style-5输入[type=“datetime”]，
.form-style-5输入[type=“email”]，
.form-style-5输入[type=“location”]，
.form-style-5输入[type=“number”]，
.form-style-5输入[type=“search”]，
.form-style-5输入[type=“time”]，
.form-style-5输入[type=“url”]，
.form-style-5文本区域，
.form-style-5选择{
字体系列：佐治亚州，“泰晤士报新罗马”，泰晤士报，衬线；
背景：rgba（255255.1）；
边界：无；
边界半径：4px；
字体大小：16px；
保证金：0；
大纲：0；
填充：2%；
身高：6%；
宽度：100%；
-webkit框大小：边框框；
-moz框大小：边框框；
背景色：#e8eeef；
颜色：#8a97a0；
-webkit盒阴影：0 1px 0 rgba（0,0,0,0.03）插图；
盒影：0 1px 0 rgba（0,0,0,0.03）插入；
利润底部：3%；
}
.form-style-5输入[type=“text”]：焦点，
.form-style-5输入[type=“date”]：焦点，
.form-style-5输入[type=“datetime”]：焦点，
.form-style-5输入[type=“email”]：焦点，
.form-style-5输入[type=“number”]：焦点，
.form-style-5输入[type=“search”]：焦点，
.form-style-5输入[type=“time”]：焦点，
.form-style-5输入[type=“location”]：焦点，
.form-style-5文本区域：焦点，
.form-style-5选择：焦点{
背景：#d2d9dd；
}
.form-style-5选择{
-webkit外观：菜单列表按钮；
高度：35px；
}
.表格样式-5.编号{
背景：红色；
颜色：#FCFBE3；
高度：25px；
宽度：25px；
显示：内联块；
字号：0.8em；
保证金权利：4px；
线高：25px；
文本对齐：居中；
文本阴影：0 1px 0 rgba（255255,0.2）；
边界半径：0px 15px 15px 15px；
}
.form-style-5输入[type=“submit”]，
.form-style-5输入[type=“button”]{
位置：相对位置；
显示：块；
填充：10px 39px 10px 39px；
颜色：#FCFBE3；
保证金：0自动；
背景：红色；
字号：18px；
文本对齐：居中；
字体风格：普通；
宽度：100%；
边框：1px纯红；
边框宽度：1px 1px 3px；
边缘底部：10px；
}
.form-style-5输入[type=“submit”]：悬停，
.form-style-5输入[type=“button”]：悬停{
背景：#b30000；
}
#名字，
#联系方式，
#位置，
#杂项，
#工作{
身高：5%；
}

请填写下表请求帮助！
或
将此类添加到
：

一小条

.flex{
显示器：flex；
弯曲方向：立柱；
柔性包装：nowrap；
对齐项目：项目之间的间距；
}
.formTitle{
边框底部：纯红色；
}
.表格样式-5{
位置：相对位置；
最大宽度：60%；
最大高度：82vh；
填充：10px 20px；
背景#f4f7f8；
利润率：10px自动；
边界半径：8px；
字体系列：“先锋派”，先锋派，“世纪哥特式”，世纪哥特式，AppleGothic，无衬线；
}
.form-style-5：之后{
不透明度：1；
}
.form-style-5字段集{
边界：无；
}
.form-style-5图例{
字号：1.4em；
边缘底部：10px；
}
.form-style-5标签{
字体大小：1.3em；
显示：块；
边缘底部：8px；
}
.form-style-5输入[type=“text”]，
.form-style-5输入[type=“date”]，
.form-style-5输入[type=“datetime”]，
.form-style-5输入[type=“email”]，
.form-style-5输入[type=“location”]，
.form-style-5输入[type=“number”]，
.form-style-5输入[type=“search”]，
.form-style-5输入[type=“time”]，
.form-style-5输入[type=“url”]，
.form-style-5文本区域，
.form-style-5选择{
字体系列：佐治亚州，“泰晤士报新罗马”，泰晤士报，衬线；
背景：rgba（255,255,255,1）；
边界：无；
边界半径：4px；
字体大小：16px；
保证金：0；
大纲：0；
填充：2%；
身高：6%；
宽度：100%；
-webkit框大小：边框框；
-moz框大小：边框框；
背景色：#e8eeef；
颜色：#8a97a0；
-webkit盒阴影：0 1px 0 rgba（0,0,0,0.03）插图；
框阴影：0 1px 0 rgba（0,0,0,0.03）插入；
利润底部：3%；
}
.form-style-5输入[type=“text”]：焦点，
.form-style-5输入[type=“date”]：焦点，
.form-style-5输入[type=“datetime”]：焦点，
.form-style-5输入[type=“email”]：焦点，
.form-style-5输入[type=“number”]：焦点，
.form-style-5输入[type=“search”]：焦点，
.form-style-5输入[type=“time”]：焦点，
.form-style-5输入[type=“location”]：焦点，
.form-style-5文本区域：焦点，
.form-style-5选择：焦点{
背景：#d2d9dd；
}
.form-style-5选择{
-webkit外观：菜单列表按钮；
高度：35px；
}
.表格样式-5.编号{
背景：红色；
颜色：#FCFBE3；
高度：25px；
宽度：25px；
显示：内联块；
字号：0.8em；
保证金权利：4px；
线高：25px；
文本对齐：居中；
文本阴影：0 1px 0 rgba（255、255、255、0.2）；
边界半径：0px 15px 15px 15px；
}
.form-style-5输入[type=“submit”]，
.form-style-5输入[t]
.flex {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: space-between;
}