vue element-ui 饿了么布局，gutter间距碰上bordr 会失效

//如下情况，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就好了啊

转载于:https://www.cnblogs.com/liujinyu/p/7372155.html