zoukankan      html  css  js  c++  java
  • [javascript] elemetui布局中分栏间隔的问题

    当使用elementui下的布局进行分栏时 , 加了间隔 ,看到样式里是使用的padding来进行的左右间隔

    当把背景颜色加在col上时 ,就会问题 ,需要在col里面再建一层div,在这个div上进行加背景颜色和加内部的间距

    不要在col上加 样式

                <el-row :gutter="5">
                    <el-col :span="6">
        sss
                    </el-col>
                    <el-col :span="12">
                        <div class="sw-bg">
           
                        </div>
                    </el-col>
                    <el-col :span="6">
                        <div class="sw-bg">
                            sss
                        </div>
                    </el-col>
                </el-row>

    要在里面的div上加样式,要不然间隔:gutter是有问题的

    :gutter="5"
  • 相关阅读:
    SVG的引入历程
    Webstorm的常用快捷键
    TypeScript
    Vue Router
    ISO8601
    html5语义化
    删除已有的 HTML 元素
    with(){}方法
    Jquery学习笔记
    css权值问题
  • 原文地址:https://www.cnblogs.com/taoshihan/p/13034268.html
Copyright © 2011-2022 走看看