//如下情况，gutter间距会失效
<el-row :gutter="20">

        <el-col :span="12" style="border:1px solid #aaa;border-radius: 5px;padding:10px 0;display: inline-block;">

        </el-col>

        <el-col :span="12" style="border:1px solid #aaa;border-radius: 5px;padding:10px 0;display: inline-block;">

        </el-col>

</el-row>

解答：

其实并不是失效，而是不能写在style里，因为 gutter 的实现方式是设置el-col的style所以如果，el-col本身就有style，gutter的间距样式就无法设置，所以看起来是失效了。

解决办法：

不让写style  家class就好了啊

												


											
vue element-ui 饿了么布局，gutter间距碰上bordr 会失效的更多相关文章
	

    
								
  1. 分享一个自搭的框架，使用Spring boot+Vue+Element UI
		
    废弃,新的:https://www.cnblogs.com/hackyo/p/10453243.html 特点:前后端分离,可遵循restful 框架:后端使用Spring boot,整合了aop.a ...
    
		
    2. 
						
  2. Vue + Element UI 实现权限管理系统
		
    Vue + Element UI 实现权限管理系统 前端篇(一):搭建开发环境 https://www.cnblogs.com/xifengxiaoma/p/9533018.html
    
		
    3. 
						
  3. vue + element ui 实现实现动态渲染表格
		
    前言:之前需要做一个页面,能够通过表名动态渲染出不同的表格,这里记录一下.转载请注明出处:https://www.cnblogs.com/yuxiaole/p/9786326.html 网站地址:我的 ...
    
		
    4. 
						
  4. vue +  element ui 表格自定义表头，提供线上demo
		
    前言:工作中用到 vue+element ui 的前端框架,需要使用自定义表头,需要使用 re.转载请注明出处:https://www.cnblogs.com/yuxiaole/p/9710826.h ...
    
		
    5. 
						
  5. vue+element ui 的上传文件使用组件
		
    前言:工作中用到 vue+element ui 的前端框架,使用到上传文件,则想着封装为组件,达到复用,可扩展.转载请注明出处:https://www.cnblogs.com/yuxiaole/p/9 ...
    
		
    6. 
						
  6. vue+element ui 的表格列使用组件
		
    前言:工作中用到 vue+element ui 的前端框架,有这个场景:很多表格的列有许多一样的,所以考虑将列封装为组件.转载请注明出处:https://www.cnblogs.com/yuxiaol ...
    
		
    7. 
						
  7. vue+element ui 的tab 动态增减，切换时提示用户是否切换
		
    前言:工作中用到 vue+element ui 的前端框架,动态添加 Tab,删除 Tab,切换 Tab 时提示用户是否切换等,发现 element ui  有一个 bug,这里记录一下如何实现.转载 ...
    
		
    8. 
						
  8. 基于 vue+element ui 的cdn网站（多页面，都是各种demo）
		
    前言:这个网站持续更新中...,有网上预览,github上也有源码,喜欢记得star哦,欢迎留言讨论. 网站地址:我的个人vue+element ui demo网站 github地址:yuleGH g ...
    
		
    9. 
						
  9. vue + element ui 阻止表单输入框回车刷新页面
		
    问题 在 vue+element ui 中只有一个输入框(el-input)的情况下,回车会提交表单. 解决方案 在 el-form 上加上 @submit.native.prevent 这个则会阻止 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Cannot find class in classpath解决方法
			
    1)Build Path出问题了 build path出问题了 ,java工程名前会有一个红色的感叹号,重新build一下 工程名上右键——>Build Path ——>Configure ...
    
			
    2. 
						
  2. ng 手机验证码验证/发送（含倒计时）
			
    ng 的手机号码进行验证: 1.在对应的ts文件中,先声明一个变量 private mobile: string private btnCaptchaText: string = '发送验证码'    ...
    
			
    3. 
						
  3. 哈夫曼树的构建（C语言）
			
    哈夫曼树的构建(C语言) 算法思路: 主要包括两部分算法,一个是在数组中找到权值最小.且无父结点两个结点位置,因为只有无父结点才能继续组成树: ​ 另一个就是根据这两个结点来修改相关结点值. 结构定义 ...
    
			
    4. 
						
  4. 管道通信——FIFO的代码实现
			
    一.用到的函数 umask         linux中的 umask 函数主要用于:在创建新文件或目录时 屏蔽掉新文件或目录不应有的访问允许权限.         文件的访问允许权限共有9种,分别是 ...
    
			
    5. 
						
  5. [转帖]Linux操作系统定时任务系统 Cron 入门0
			
    Linux操作系统定时任务系统 Cron 入门 https://www.cnblogs.com/zhuiluoyu/p/5646400.html   cron是一个linux下的定时执行工具,可以在无 ...
    
			
    6. 
						
  6. 简易版php文件上传_超详细详解
			
    1.php简化版的图片上传(没有各种验证) 1234 <form action="" enctype="multipart/form-data" meth ...
    
			
    7. 
						
  7. golang输出双精度浮点例子（Printf）
			
    1 package main import "fmt" func main() { var sum int = 17 var count int = 5 var mean floa ...
    
			
    8. 
						
  8. B树和B+树的增/删结点（转）
			
    add by zhj: 算法其实不复杂,尤其是增加结点的算法,逻辑很简单,但有时自己想不到. 增加结点算法:首先,对于B树,没有重复结点,所以新插入的数据一定会落在叶结点上,或者说落在叶结点的所有父结 ...
    
			
    9. 
						
  9. 记：使用IScroll.js 开发picker日历组件遇到的问题及经验总结
			
    IScroll中文文档 第一个问题: 边界留白 就是这种,上边界(最小),下边界(最大)有两个列表的位置是不能选择的.解决的办法是: 在HTML中,添加空白节点就行了. 第二个问题:初始化之后的滚动停 ...
    
			
    10. 
						
  10. Linux学习笔记之rsync配置
			
    0x00 rsync 简介 Rsync(remote synchronize)是一个远程数据同步工具,可通过LAN/WAN快速同步多台主机间的文件,也可以使用 Rsync 同步本地硬盘中的不同目录.  ...
    
			
    11.