我是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仍然有一些左右空间。
答案 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>