证卡,没有左右边距

时间:2019-04-15 19:13:59

标签: vue.js vuetify.js

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

我希望v卡的宽度为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仍然有一些左右空间。

2 个答案:

答案 0 :(得分:1)

您可以尝试使用行而不是列:

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

并为卡片使用特殊道具:

<v-card
  min-width="100%"
>

答案 1 :(得分:1)

我认为您也许可以使用间距帮助程序类。

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

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

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