vue.js - 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 仍然有一些左右空间。
解决方案
我认为您可以使用间距辅助类。
看这里:https ://vuetifyjs.com/en/framework/spacing
您可以将其添加到您的 div 中,我相信:
<div class="section section_dark ma-0 pa-0">services</div>
推荐阅读
- php - PHP mysqli_fetch_assoc 在本地主机上工作,但不在 Godaddy 服务器上
- git - Shell:Git 存储库创建脚本不向上游推送远程
- amazon-web-services - 带有 Cognito 正确方法的 AWS Lambda
- php - 如何从内部键和值与第一个数组匹配的第二个数组中找到数组键?
- amazon-web-services - AWS Lightsail 数据库是否会受到突增性能的影响?
- php - 将控制器属性共享给模型方法 - laravel
- java - 如何使用 EJB 实现永久后台进程?
- excel - 如何将宏数据输入目标设置为列中的下一个空白单元格?
- reactjs - 如何从 fullcalendar 的 eventClick 中访问 JSX 函数
- excel - 使用MATLAB通过ActiveX协议将String值写入Excel电子表格..发现问题