如何在vuetify中删除容器边距？

Question

我想从v-container左右移除边距，因此我添加了pa-0类。

我还需要在每个元素之间留一个空格，所以我使用grid-list-sm。

<div id="app">
  <v-app id="inspire">
    <v-container fluid grid-list-sm class="pa-0">
      <v-layout row wrap>
        <v-flex v-for="i in 6" :key="i" xs4>
          <img :src="`https://randomuser.me/api/portraits/men/${i + 20}.jpg`" class="image" alt="lorem" width="100%" height="100%">
        </v-flex>
      </v-layout>
    </v-container>
  </v-app>
</div>

问题是grid-list-sm正在将4px中的大小减小到<v-layout row wrap>，因为边距-2px。并使v布局的宽度大于其父对象的宽度。

我不想使用overflow-x:hidden。我只希望元素正确对齐。

那么，我该如何解决这个问题？ （没有解决方法）

Answer 1

您可以在使用该属性的类中覆盖该属性，如下所示，该属性将在您的类的css文件中覆盖，或者您可以使用该代码制作一个css文件，并将其包含在需要的每个类中它

1 2 3 4  5 -1 -2 -3 -4 -5