无法使用 vuetify 删除 v-text-field 和标签之间的空白答案

【问题标题】：Unable to remove white space between v-text-field and labels using vuetify无法使用 vuetify 删除 v-text-field 和标签之间的空白
【发布时间】：2020-07-05 00:14:57
【问题描述】：

我正在尝试使用 vuetify 缩小行之间的巨大差距，但无法缩小。我也尝试过使用 css 和 vuetify 间距，但不起作用。

预期形式

实际形式

<v-container>
  <v-row>
    <v-col cols="4">
      First Name
    </v-col>
    <v-col cols="4">
      <v-text-field v-model="firstname" :rules="nameRules" label="first name" required class="ma-0 pa-0"></v-text-field>
    </v-col>
  </v-row>
  <v-row>
    <v-col cols="12" md="4">
      Last Name
    </v-col>
    <v-col cols="12" md="4">
      <v-text-field v-model="lastname" :rules="nameRules" label="Last name" required class="ma-0 pa-0"></v-text-field>
    </v-col>
  </v-row>

【问题讨论】：

将列宽改为3？
对不起！我不明白。 @depperm
cols="3" 而不是 cols="4"
我收到错误尾随空格不允许无尾随空格。 @depperm
这不是问题所说的。看到这个question

标签： vue.js vuetify-tabs

【解决方案1】：

使用“ma-x”或“pa-x”类从行和列中删除额外的填充和边距，其中 x id 编号为 0-12。

请参考：https://vuetifyjs.com/en/styles/spacing/

【讨论】：