javascript - v-card 中的边距按钮不生效

Question

我有这个:

<v-card height="200">          
   <v-card-actions class="mb-0">
      <v-btn flat color="orange">Share</v-btn>
      <v-btn flat color="orange">Explore</v-btn>
   </v-card-actions>
</v-card>

效果是这样的:

正如您从代码中看到的那样，我希望按钮的边距设置为 0，但它们仍然显示为好像我将边距顶部设置为零。如何解决这个问题？

Codpen

Answer 1

因为不是margin这会影响您的布局，但它是 padding你可以使用:pl-0 pr-0 pb-0 pt-0设置所有 padding为 0 或添加声明 padding: 0 的自定义类在 <v-card-actions> : .v-card__actions{padding:0}

Fork