//如下情况，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. xshell 快速复制粘贴的方法
			
    xshell快速复制粘贴的方法<img src="http://newmiracle.cn/wp-content/uploads/2017/01/QQ截图20170113163139- ...
    
			
    2. 
						
  2. flume到flume消息传递
			
    环境:两台虚拟机( 每台都有flume) 第一台slave作为消息的产生者 第二台master作为消息的接收者    IP(192.168.83.133) 原理:通过监听slave中文件的变化,获取变 ...
    
			
    3. 
						
  3. Ladon内网渗透扫描器PowerShell版
			
    程序简介 Ladon一款用于大型网络渗透的多线程插件化综合扫描神器,含端口扫描.服务识别.网络资产.密码爆破.高危漏洞检测以及一键GetShell,支持批量A段/B段/C段以及跨网段扫描,支持URL. ...
    
			
    4. 
						
  4. [转帖]深度剖析一站式分布式事务方案 Seata-Server
			
    深度剖析一站式分布式事务方案 Seata-Server https://www.jianshu.com/p/940e2cfab67e 金融级分布式架构关注 22019.04.10 16:59:14字数 ...
    
			
    5. 
						
  5. Scala 数组操作之Array、ArrayBuffer以及遍历数组
			
    ArrayBuffer 在Scala中,如果需要类似于Java中的ArrayList这种长度可变的集合类,则可以使用ArrayBuffer. // 如果不想每次都使用全限定名,则可以预先导入Array ...
    
			
    6. 
						
  6. 启动Sonar报错，ERROR: [1] bootstrap checks failed [1]: system call filters failed to install
			
    错误提示信息: ERROR: [1] bootstrap checks failed[1]: system call filters failed to install; check the logs ...
    
			
    7. 
						
  7. dotnet打包类库
			
    打包类库成Nuget包:dotnet pack --configuration Release --include-source --include-symbols --no-build,注意,需要在 ...
    
			
    8. 
						
  8. [Codeforces] Alex and a Rhombus
			
    A. Alex and a Rhombus time limit per test 1 second memory limit per test 256 megabytes input standar ...
    
			
    9. 
						
  9. System.ArgumentException:路由集合中已存在名为“XXX”的路由。路由名称必须唯一。
			
    软件环境:Visual Studio 2017 + MVC4 + EF6 问题描述:System.ArgumentException:路由集合中已存在名为“XXX”的路由.路由名称必须唯一. 解决办法 ...
    
			
    10. 
						
  10. 不用Pageant告别Pageant   Windows10下TortoiseGit和Git配置使用同一SSH密钥
			
    关于Git使用SSH免密连接参考:https://blog.csdn.net/qq_32786873/article/details/80570788 关于Windows10下TortoiseGit使 ...
    
			
    11.