Html CSS-文本和下拉列表之间的间距问题

我需要减少文本“允许隔间类型选项”和下拉框之间的空间

使用的代码：

.cl复选框{
左侧填充：20px；
垫底：10px；
填充顶部：20px；
}
.cl复选框标签{
左侧填充：25px；
文本缩进：-25px；
垫面：3件；
}
.cl复选框输入{
垂直对齐：底部对齐；
顶部：-1px；
溢出：隐藏；
利润率：10px 2px 0；
}
.表格管制{
背景：#d8d8e5；
边框左下半径：0px；
边框右下半径：0px；
边框底部：1px实心#56565c；
}
.表格管制{
显示：块；
宽度：100%；
高度：计算（1.5em+0.75rem+2px）；
填充：.375rem.75rem；
字号：1rem；
字体大小：400；
线高：1.5；
颜色：#495057；
边框：1px实心#ced4da；
边界半径：.25rem；
过渡：边框颜色。15秒慢进慢出，方块阴影。15秒慢进慢出；
}
.表格组{
边缘底部：1rem；
}
.表格行{
显示器：flex；
柔性包装：包装；
右边距：-5px；
左边距：-5px；
}
.form row>.col、.form row>[class*=col-]{
右侧填充：5px；
左侧填充：5px；

您可以向表单行类添加更多规则，以确保始终存在空间。
编辑：我还为行中的第一个元素添加了一个新的类，这样你就可以指定它的行为。该行现在把所有元素都放在屏幕的中间。代码在我做了更改的地方被注释。

.cl复选框{
左侧填充：20px；
垫底：10px；
填充顶部：20px；
}
.cl复选框标签{
左侧填充：25px；
文本缩进：-25px；
垫面：3件；
}
.cl复选框输入{
垂直对齐：底部对齐；
顶部：-1px；
溢出：隐藏；
利润率：10px 2px 0；
}
.表格管制{
背景：#d8d8e5；
边框左下半径：0px；
边框右下半径：0px；
边框底部：1px实心#56565c；
}
.表格管制{
显示：块；
宽度：100%；
高度：计算（1.5em+0.75rem+2px）；
填充：.375rem.75rem；
字号：1rem；
字体大小：400；
线高：1.5；
颜色：#495057；
边框：1px实心#ced4da；
边界半径：.25rem；
过渡：边框颜色。15秒慢进慢出，方块阴影。15秒慢进慢出；
}
.表格组{
边缘底部：1rem；
}
.表格行{
显示器：flex；
/*弯曲方向+弯曲包裹的速记*/
柔性流：行换行；
/*元素的水平定位*/
调整内容：灵活启动；
右边距：-5px；
左边距：-5px；
}
/*新类为表单行中的第一个元素提供一些行为*/
.行复选框{
显示器：flex；
flex-flow：行nowrap；
/*让它一直向右移动*/
证明内容：柔性端；
/*您可以使用填充设置复选框文本和下拉列表之间所需的空间*/
右侧填充：5px；
}
.form row>.col、.form row>[class*=col-]{
右侧填充：5px；
左侧填充：5px；
/*您没有在此处关闭标签*/
}

允许隔室类型选项
类型
选择类型
另一个复选框
另一个不同的复选框
这里使用哪个UI框架？声明了
表单行
的位置？@IsraGab我使用了Angular。还为其他CSS类添加了代码。我询问了UI框架。你是否使用@Angular/material？@IsraGab很好。我正要用CSS Flexbox回答问题，但如果表单行来自任何框架id，就不要与cus混淆了汤姆CSS@IsraGab抱歉，不熟悉框架工作区的问题已解决，但整行已移到右侧。我已在原始帖子中的代码后添加了输出，如图5所示。请检查。嗯……因此，您添加了一行，它是否与我编辑的CSS相同？因为整行未移到右侧，只是第一个元素行内的ent向右移动（对齐内容：flex end）。是的，它有相同的css。我不想将它移动到右边的第一个元素。它应该在左边，下拉列表应该在它旁边。好的，我再次编辑了。这次我将表单行类的“对齐内容”更改为“空格开始”。正如您所看到的，现在所有元素都移动到左边，所有复选框都在一个级别上。这样更好吗你的意思是你想让它居中，但所有复选框都对齐？@ClarkeGriffin很高兴我能帮忙，请接受答案，这样问题就不会一直悬而未决了