javascript - v卡中的“ margin ”按钮无效

我有这个：

<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，但它们仍显示为好像我将页边距top设置为零。如何解决这个问题？

Codpen

最佳答案

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

Fork

关于javascript - v卡中的“ margin ”按钮无效，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55158197/