首页 > 解决方案 > vuetify卡没有左右边距

问题描述

我是 vue 和 vuetify 的新手,只使用 vuetify 的 v-card 标签。

我希望 v-card 有 100% 的宽度,(没有左侧或右侧间距)

是否可以对这些初始标签进行任何配置?

<v-layout
    column
    justify-center
    align-center
  >

  <v-flex
      xs2
      sm2
      md2
    >

怎么做?

我尝试:

.section{
    padding-top: 100px;
    padding-bottom: 100px;
    width:100%;
  }

和 :

<div class="section section_dark">services</div>

但是这个 div 仍然有一些左右空间。

标签: vue.jsvuetify.js

解决方案


我认为您可以使用间距辅助类。

看这里:https ://vuetifyjs.com/en/framework/spacing

您可以将其添加到您的 div 中,我相信:

<div class="section section_dark ma-0 pa-0">services</div>

推荐阅读