//如下情况，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. POJ-图论-最小生成树模板
			
    POJ-图论-最小生成树模板 Kruskal算法 1.初始时所有结点属于孤立的集合. 2.按照边权递增顺序遍历所有的边,若遍历到的边两个顶点仍分属不同的集合(该边即为连通这两个集合的边中权值最小的那条 ...
    
			
    2. 
						
  2. TestNG入门——注解之Before/After
			
    注解是java 5新增的功能,可使用于类,方法,变量,testNG包提供的注解功能请见下表 1.@BeforeSuite or @AfterSuite  被注解的方法,将在整个测试套件之前 or 之后 ...
    
			
    3. 
						
  3. [原创]Python免杀ShellCode加载器(Cobaltstrike/Metasploit)
			
    0x001 原理 采用分离法,即将ShellCode和加载器分离.方法较LOW但免杀. 本文主要将ShellCode转成HEX,再通过加载器执行ShellCode. PS: 何为SC加载器,即专门用于 ...
    
			
    4. 
						
  4. nginx php上传大小设置
			
    来源:http://blog.51yip.com/apachenginx/1751.html
    
			
    5. 
						
  5. TP5接口开发之异常处理接管
			
    前几天在开发的时候用到了第三方的扩展包,使用过程中第三方扩展包抛出了异常 因为这边是接口开发,需要返回错误代码以及提示信息等,所以就需要接管异常处理. 此文章只做笔记,有不对或不详细的地方欢迎大家留言 ...
    
			
    6. 
						
  6. java基本数据类型的变量
			
    一.整型变量 短整型(short).整型(int)和长整型(long),它们都可以定义整型变量,但是由于分配的内存空间不同,所能表示的数据的长度也不同. 我们可以定义并初始化一个整型变量: int a ...
    
			
    7. 
						
  7. 关于Java链接c#的webapi的注意事项
			
    最近写了一个关于ad域的项目,ad域我也是第一次接触,对ad域的总结我会晚一些时间写出来.在此我先总结一下关于Java调用c#的webapi的一个注意点. [HttpPost] public Dict ...
    
			
    8. 
						
  8. Nginx配置gzip.md
			
    参考 入门系列之在Nginx配置Gzip gzip是一种流行的数据压缩程序.您可以使用gzip压缩Nginx实时文件.这些文件在检索时由支持它的浏览器解压缩,好处是web服务器和浏览器之间传输的数据量 ...
    
			
    9. 
						
  9. javascript实现网页倒计时效果
			
    一.HTML代码如下: <div class="timer" id="timer"> <span style="color: bla ...
    
			
    10. 
						
  10. 英语kutnahorite金田黄kutnahorite单词
			
    金田黄是含镁和锰较多的方解石,学名是“镁锰方解石”或者“镁菱锰矿”,英文名为Kutnahorite,也可翻译为“锰白云石”.“金田黄”颜色艳丽,有红色.橙色或者黄色等不同色调,属于艳色方解石的集合体. ...
    
			
    11.