评论

收藏

[JavaScript] vue element-ui 饿了么布局,gutter间距碰上bordr 会失效

开发技术 开发技术 发布于:2021-08-06 12:24 | 阅读数:385 | 评论:0

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


关注下面的标签,发现更多相似文章