//如下情况，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. Source Insight添加新的文件类型
			
    1.前言 Source Insight这个软件工具功能非常强大,很适合用来分析一些大型的code工程,例如Linux内核源码,本文将简单介绍如何在Source Insight工程中添加一种新的文件类型 ...
    
			
    2. 
						
  2. 在vue-cli中安装element
			
    在vue-cli中安装elemnent-ui 的步骤 在安装vue-cli 的基础上进行安装 1.npm i element-ui -S 安装element-cli 安装之后会在项目中的node_mo ...
    
			
    3. 
						
  3. unity延迟加载图片
			
    把加载图片所需要的信息封装成一个任务(自己写的类,包括路径,回调等信息),再将该任务添加到自己写的任务池中(在update中执行任务委托),由于只是添加任务操作,加载完成后自动调用回调函数实例化,对主 ...
    
			
    4. 
						
  4. 使用Fiddler抓包、wireshark抓包分析(三次握手、四次挥手深入理解)
			
    ==================Fiddler抓包================== Fiddler支持代理的功能,也就是说你所有的http请求都可以通过它来转发,Fiddler代理默认使用端口 ...
    
			
    5. 
						
  5. 快速获取更丰富的Sitecore体验数据库
			
    无论您是否立即使用Sitecore的营销功能,我们强烈建议您执行这三项任务,以使您的数据收集更加丰富,并为您以后的决策留下良好的位置. Sitecore的体验数据库,即xDB,是Sitecore营销平 ...
    
			
    6. 
						
  6. LuoguP3069 【[USACO13JAN]牛的阵容Cow Lineup
			
    题目链接 看了看其他大佬的文章,为什么要控制右端呢 其实就是一个很简单的模拟队列趴... 难点就在于根据题意我们可以分析得一段合法区间内,不同种类个数不能超过k+2 哦当然,由于种类数范围过大,要对种 ...
    
			
    7. 
						
  7. 服务器同时安装python2支持的py-faster-rcnn以及python3支持的keras
			
    最近把服务器折腾一下,搞定这两个.
    
			
    8. 
						
  8. 示例：自定义WPF底层控件UI库 HeBianGu.General.WpfControlLib V2.0版本
			
    原文:示例:自定义WPF底层控件UI库 HeBianGu.General.WpfControlLib V2.0版本 一.目的:封装了一些控件到自定义的控件库中,方便快速开发 二.实现功能: 基本实现常 ...
    
			
    9. 
						
  9. 在excel实现多级联动
			
    最近做了一个Excel的多级联动的功能,具体是将全国所有的气象局按一二三四级单位做成四列,实现各级的联动下拉选择,这和省市县乡的各级联动的功能基本一样,下面记录下具体的操作步骤. 1.首先需要从数据库 ...
    
			
    10. 
						
  10. IDEA连接MySQL数据库报错08001
			
    今天在使用IDEA时连接数据库发生错误,所以用其自带的尝试连接得到如下错误:Connection to test@127.0.0.1 failed.[08001] Could not create c ...
    
			
    11.