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

标签 javascript css vue.js vuetify.js

我有这个:

<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>


效果是这样的:

enter image description here

从代码中可以看到,我希望按钮的页边距设置为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/

相关文章:

javascript - Javascript:在另一个方法内调用一个方法

javascript - 选中复选框时的jQuery addClass

javascript - 错误:ENOENT:即使Firebase Cloud Functions中存在文件,也没有此类文件或目录

javascript - 如何在不两次加载相同网址的情况下镜像iframe? CSS无法激活

javascript - v-for 组件不在生产机器上渲染但在本地工作

css - 仅使用CSS以网格格式对div排序

javascript - anchor 不能正常工作?

html - 字体大小62.5%有什么作用?

javascript - 在 vue.js 中使用 props 在每个页面上设置不同的文本

javascript - vuejs 2.0 组件无法使用模块 vuex 访问操作方法