Html 无法减少标签和控件之间的空间

我试图减少我的表单中

kendo datepicker

和

label

EvalDate之间的空间。我试过填充物之类的东西，但没用

截图：

评估日期

为什么不将标签与输入放在同一个div中，然后从标签中删除

col-md-1

<div class="form-group row col-md-12" style="margin-top:30px">
  <div class="col-md-1">
 <label for="inputFax" class="col-form-label " style="font-weight: bold;">Eval Date</label>
    <kendo-datepicker style="width: 100% ;float: left;"  [format]="'MMMM yyyy'"  [topView]="'decade'" [bottomView]="'year'" [(ngModel)]="evalDate"
      (valueChange)="evalDateChanged($event)">
    </kendo-datepicker>
  </div>

  <div class="col-md-2" style="padding-left: 10px; width: 100%"><a class="btn btn-primary "
      (click)="downloadFundAllocationDetails()" [attr.href]="Url">Export To
      EXCEL<i title="PDF" class="fa fa-file-excel-o"></i> </a></div>
</div>

评估日期

假设您使用的是

bootstrap4

，您可以将

标签

和

日期选择器

包装在同一

列中

评估日期

检查类

列表单标签中的css属性，如
边距
，
填充
。因为，您将它用于
标记，这可能会增加一些空间

如果
列表单标签中没有样式，请尝试将整个
放在新的
元素中。希望有帮助
 你有没有试过在标签上使用负数空白？我试过你的解决方法。datetimepicker和label不在同一级别。有点失真哦，对不起，你能发布当前情况的截图吗？因为日期选择器对我们来说是不可见的，你可能正在使用一个插件，也许这就是为什么它不可见的原因将屏幕截图添加到标签上，日期选择器和按钮必须在同一行上