v卡中的“保证金”按钮无效

时间:2019-03-14 08:45:06

标签: javascript css vue.js vuetify.js

我有这个:

from .validators import validate_even

效果是这样的:

enter image description here

从代码中可以看到,我希望按钮的页边距设置为0,但它们仍显示为好像我将页边距top设置为零。该如何解决?

Codpen

2 个答案:

答案 0 :(得分:3)

这是因为不是margin会影响您的布局,而是padding可以使用:pl-0 pr-0 pb-0 pt-0将所有padding设置为0或添加声明{ padding: 0上的{1}}:<v-card-actions>

Fork

答案 1 :(得分:1)

尝试以下操作可消除“所有”方向上的填充物:

<v-card-actions class="pa-0" >

当您检查元素时,如果元素周围的空间为绿色,则表示该元素为填充,而橙色则为空白。在您的情况下,这是导致问题的填充。 您可以了解有关间隔助手 here.

的更多信息