//如下情况，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. Scala2.12 从入门到精通实战高端视频课程（含网盘下载地址）
			
    Scala快速入门到精通 下载地址链接:https://pan.baidu.com/s/1bTSZSlWftFYaLQL6lVH62A 提取码:ohfk 下载后使用视频中自带的专用播放器打开视频就能看 ...
    
			
    2. 
						
  2. windows2008 开启SNMP服务
			
    现在很多企业和公司管理服务器时都是通过网络监控软件对服务器的状态进行监控,在监控的时候大多是通过SNMP协议(简单网络管理协议)进行的,那么在我们的服务器端就需要开启此项服务,并进行简单的设置. 以下 ...
    
			
    3. 
						
  3. 关于Java链接c#的webapi的注意事项
			
    最近写了一个关于ad域的项目,ad域我也是第一次接触,对ad域的总结我会晚一些时间写出来.在此我先总结一下关于Java调用c#的webapi的一个注意点. [HttpPost] public Dict ...
    
			
    4. 
						
  4. .net Dapper 实践系列(5) ---事务编辑(Layui+Ajax+Dapper+MySQL)
			
    目录 写在前面 实践步骤 写在前面 上一小节,我们总结了根据Id查询多表数据,最后返回Json对象给前台的例子.接下来,在这一小节我们要实现多表编辑的操作. 实践步骤 因为上一小节以及创建了Edit视 ...
    
			
    5. 
						
  5. JVM故障分析系列之四：jstack生成的Thread Dump日志线程状态
			
    JVM故障分析系列之四:jstack生成的Thread Dump日志线程状态  2017年10月25日  Jet Ma  JavaPlatform JVM故障分析系列系列文章 JVM故障分析系列之一: ...
    
			
    6. 
						
  6. Java自学-接口与继承 Object类
			
    Java中的超类 Object 步骤 1 : Object类是所有类的父类 声明一个类的时候,默认是继承了Object public class Hero extends Object package ...
    
			
    7. 
						
  7. Springboot vue.js html 跨域 前后分离 Activiti6  shiro 权限
			
    官网:www.fhadmin.org 特别注意: Springboot 工作流  前后分离 + 跨域 版本 (权限控制到菜单和按钮) 后台框架:springboot2.1.2+ activiti6.0 ...
    
			
    8. 
						
  8. MySQL里默认的几个库是干啥的？
			
    本文涉及:MySQL安装后自带的4个数据库:information_schema. performance_schema.sys.mysql的作用及其中各个表所存储的数据含义 information_ ...
    
			
    9. 
						
  9. Ext.urlEncode与Ext.urlDecode
			
    Ext.urlEncode与Ext.urlDecode: 用于js对象和查询字符串之间的相互转换 Ext.urlEncode例子如下: /* Ext.urlEncode( object, [recur ...
    
			
    10. 
						
  10. 使用JDBC，完成数据库批量添加数据操作：
			
    第一步:定义一个key String key = "into 表名(字段1,字段2,字段3)"; 第二步:定义一个可以增长的变量 StringBuffer values = new ...
    
			
    11.