首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >验证卡片无左右边距

验证卡片无左右边距
EN

Stack Overflow用户
提问于 2019-04-15 19:13:59
回答 2查看 4.3K关注 0票数 0

我刚接触vue和vuetify,只使用vuetify的v-card标签。

我想要v卡有100%的宽度,(没有左边或右边的间距)

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

代码语言:javascript
运行
AI代码解释
复制
<v-layout
    column
    justify-center
    align-center
  >

  <v-flex
      xs2
      sm2
      md2
    >

本,怎么做呢?

我试着:

代码语言:javascript
运行
AI代码解释
复制
.section{
    padding-top: 100px;
    padding-bottom: 100px;
    width:100%;
  }

和:

代码语言:javascript
运行
AI代码解释
复制
<div class="section section_dark">services</div>

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

EN

回答 2

Stack Overflow用户

发布于 2019-04-15 20:36:32

您可以尝试行而不是列:

代码语言:javascript
运行
AI代码解释
复制
<v-layout
    row
    justify-center
    align-center
  >

使用特殊的卡片道具:

代码语言:javascript
运行
AI代码解释
复制
<v-card
  min-width="100%"
>
票数 1
EN

Stack Overflow用户

发布于 2019-04-16 17:54:41

我认为你可以使用spacing辅助类。

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

我相信你可以把它添加到你的div中:

代码语言:javascript
运行
AI代码解释
复制
<div class="section section_dark ma-0 pa-0">services</div>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55695877

复制
相关文章
margin-right右边距失效
由 Ghostzhang 发表于 2017-06-22 00:52 更新于 2017-06-21 19:00
GhostZhang
2022/08/22
1.2K0
margin-right右边距失效
Python中matplotlib pyplot柱状图上下或左右边距调整
  最近,绘制了一个水平柱状图,但是发现图的上、下边距(不是柱子相互之间的间距,而是最上、下方柱子与图边缘的距离)相对较大,非常影响美观;同时,这里纵坐标变量是代表变量名称的不同的字符串,而不是简单的数据范围,如下图所示:
疯狂学习GIS
2021/07/22
2.3K0
Android 原生 ImageSpan 垂直局中及左右边距问题解决
关于Android 原生 ImageSpan 无法设置垂直局中及左右边距问题,找了很多博客,均无效或者有 bug,只能自己动手了,代码经测试有效。
萬物並作吾以觀復
2021/05/06
1.6K0
外边距_外边距和组件宽度
margin-top 设置元素的上外边距
全栈程序员站长
2022/09/20
6600
验证码无刷新更换
这二天一个小兄弟问到我这个,其实很简单,贴在这里备个份: Code <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JsSafeCode._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio
菩提树下的杨过
2018/01/23
1.5K0
外边距合并
detail设置margin为30px,header设置margin为30px,结果两个相邻元素之间的间距发生了合并
bamboo
2019/01/29
8600
外边距合并
Typecho无插件实现评论算术验证
Typecho的垃圾评论还是比较多的,除了插件外,还可以通过PHP函数实现简单的算术验证码。 第一步function.php如下函数
泽泽社长
2023/04/17
3230
图形验证码无痕刷新
在不刷新浏览器的情况下,实现页面的刷新。本文采用KgCaptcha验证码,实现无痕刷新验证码,下面是总结验证码不同情形下刷新的方法。
用户10417561
2023/05/05
9740
【CSS】盒子模型内边距 ① ( 内边距概念 | 内边距设置语法 | 内边距设置效果 | 代码示例 )
下图中 , 中心 100 x 100 像素 的 是内容 , 内容外侧 , 边框内侧 , 就是 内边距 范围 ;
韩曙亮
2023/03/30
8980
【CSS】盒子模型内边距 ① ( 内边距概念 | 内边距设置语法 | 内边距设置效果 | 代码示例 )
【CSS】盒子模型外边距 ④ ( 元素默认的外边距 | 清除元素默认的内外边距 | 行内元素边距设置 )
向 HTML 的 <body> 标签中 , 添加元素 , 并 不是紧贴 左侧 和 顶部 , 而是有一个 默认的间距 , 如下图所示 :
韩曙亮
2023/03/30
2.6K0
【CSS】盒子模型外边距 ④ ( 元素默认的外边距 | 清除元素默认的内外边距 | 行内元素边距设置 )
CSS——边距
边距包括外边距(Margin)属性和内边距(Padding)属性,外边距属性定义了元素间的间隔,内边距属性定义了元素边框与内容区域之间的空白区域。
Html5知典
2019/11/26
1.3K0
SSH证书登录方式(无密码验证登录)
常常在工作中需要在各个Linux机间进行跳转,每次密码的输入成了麻烦,而且也不安全。在实际使用中,在windows下常使用secureCRT工具或teraterm工具进行SSH登录,以及实现hadoop集群部署要求的无密码跳转问题。
xcbeyond
2020/04/01
7.3K0
智能无感验证案例:神州优车
一方面,从网约车刚起步初期的伪造订单到现在的刷分服务,黑灰产便一直伴随着网约车。从乘客端到司机端,黑灰产几乎无孔不入。
顶象技术
2022/10/17
6880
智能无感验证案例:神州优车
HarmonyOS实战—组件的外边距和内边距
边距 组件的位置属性,分为:内边距 和 外边距 [在这里插入图片描述] 1. 外边距 表示组件跟外部其他组件的边距 [在这里插入图片描述] [在这里插入图片描述] [在这里插入图片描述] 案例: 如果只设置 margin ,就会把上下左右都给设置了,这是一个整体的设置。 ohos:margin="10vp" 设置第一个文本组件 ohos:top_margin="10vp" [在这里插入图片描述] 给下面的文本框设置:ohos:top_margin="20vp" [在这里插入图片描述] 外边距小节: 组件边框
兮动人
2021/09/03
1.7K0
网络验证码的进化:从简单图文到无感验证
2018年全国硕士研究生招生考试预报名的第一天,成都大学的一名大四女生,在网上报名时,竟出现了“别考”字样的验证码,同时在验证码上边显示一行红字:您输入的用户名或密码有误。专门负责全国研究生报名的“中国研究生招生信息网”相关负责人回应说,验证码出现“别考”字样纯属巧合。
问题先森
2020/07/29
1.5K0
外边距合并规则
margin的合并规则算是CSS盒模型里最复杂部分,没有之一。因为这部分内容涉及很多不太容易理解的概念,例如clearance(间隙)、normal flow/in-flow(常规流)、BFC(块格式化上下文)、line box(行框)、inline box(行内框)、bidi(双向环境)等等
ayqy贾杰
2019/06/12
1.4K0
Hive左连接_oracle左外连接
大家好,又见面了,我是你们的朋友全栈君。 CREATE EXTERNAL TABLE IF NOT EXISTS a( telno STRING, other STRING ) PARTITIONED BY(day String) ROW FORMAT DELIMITED FIELDS TERMINATED BY ‘|’;
全栈程序员站长
2022/10/02
1.3K0
移动端样式问题汇总
-webkit-tap-highlight-color:rgba(0,0,0,0);
青梅煮码
2023/01/31
8780
【CSS】盒子模型外边距 ① ( 盒子模型外边距设置 | 外边距属性单独设置 | 外边距属性复合写法 )
文章目录 一、盒子模型外边距设置 1、外边距属性单独设置 2、外边距属性复合写法 一、盒子模型外边距设置 ---- 盒子模型外边距 Margin 用于控制 盒子 与 盒子 之间的距离 ; 1、外边距属性单独设置 外边距设置语法 : margin-left : 设置 左外边距 ; margin-top : 设置 上外边距 ; margin-right : 设置 右外边距 ; margin-bottom : 设置 下外边距 ; 代码示例 : <!DOCTYPE html> <html lang="en">
韩曙亮
2023/03/30
9500
【CSS】盒子模型外边距 ① ( 盒子模型外边距设置 | 外边距属性单独设置 | 外边距属性复合写法 )
黑白卡片
牛牛有n张卡片排成一个序列.每张卡片一面是黑色的,另一面是白色的。初始状态的时候有些卡片是黑色朝上,有些卡片是白色朝上。牛牛现在想要把一些卡片翻过来,得到一种交替排列的形式,即每对相邻卡片的颜色都是不一样的。牛牛想知道最少需要翻转多少张卡片可以变成交替排列的形式。 输入描述: 输入包括一个字符串S,字符串长度length(3 ≤ length ≤ 50),其中只包含’W’和’B’两种字符串,分别表示白色和黑色。整个字符串表示卡片序列的初始状态。
AI那点小事
2020/04/18
8030

相似问题

容器中的左、右边距-10 in

25

不使用position:absolute删除上/左/右边距

10

边距在Chrome和Firefox上的左/右边距不同

10

CSS左对齐浮动,但限制在右边距。

32

如何理解同样有左/右边距的固定div?

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档