首页 > 其他分享 >el-row设置gutter时,超出容器宽度的解决办法

el-row设置gutter时,超出容器宽度的解决办法

时间:2023-11-14 09:44:41浏览次数:26  
标签:el gutter 解决办法 right 设置 margin row

原因

el-row是通过设置padding-left和padding-right腾出的空间,然后通过margin-left、margin-right设置负值保持位置不变

解决办法

上述el-row的设计逻辑理论是可行的,但结果是我把margin去掉(即设置为0:margin: 0)反而正常了,原因暂时未知。

<el-row :gutter="20" style="margin: 0">
	...
</el-row>

标签:el,gutter,解决办法,right,设置,margin,row
From: https://www.cnblogs.com/aiyablog/p/17830930.html

相关文章

  • Protobuf - FIELD NUMBERS
    Requiredfieldsinamessagecanbethoughtofasfrequentlyusedfieldssinceyoucannotskipthemasyoucanforoptionalfields.Itisabestpracticetoreservesomenumbers between1and15forthefieldsthatcanbefrequentlyusedsincethenumbers......
  • finalshell报错java.net.UnknownHostException: node2
    前几天是node3连不上,今天早上写作业发现node2又连不上了]$systemctlstatusnetwork.service●network.service-LSB:Bringup/downnetworkingLoaded:loaded(/etc/rc.d/init.d/network;bad;vendorpreset:disabled)Active:active(exited)since二2023-11-1408:......
  • Intellij Idea搭建Spring环境-xml方式
    本篇博客介绍适合使用xml配置Spring环境和SpringMVC环境。①首先我们使用maven新建一个普通的javaweb工程(包含WEB-INF/web.xml),然后在pom文件中相关的依赖maven创建的web工程标准目录结构一般为:|--root|--pom.xml|--src/|--main/|--java/Java源代码目录......
  • v-model添加number修饰符,如果这个值无法被parseFloat()解析,则会返回原始的值。
    在默认情况下,v-model在每次input事件触发后将输入框的值与数据进行同步。你可以添加lazy修饰符,从而转为在change事件_之后_进行同步:如果想自动将用户的输入值转为数值类型,可以给v-model添加number修饰符:如果这个值无法被parseFloat()解析,则会返回原始的值。......
  • 开源项目SourceBrowser 功能实现中问题修复
    前段时间看到在线原源码浏览网站SourceBrowser,就好奇怎么读的代码展示的,就拔下源码看了下,然后自己打算简单实现下,不想每个工作日弄个把小时弄了两周,才解决报错问题,可以读取到文档,也简单学习了下Roslyc.原项目中时net472跑,我先直接copy拿段读取代码,新建一个控......
  • 如何让Excel文件和网站服务器交互呢?
    要实现Excel文件和网站服务器的交互,有几种常见的解决方案,包括:使用Excel插件:你可以使用一些Excel插件来实现Excel文件与网站的交互。这些插件可以使Excel文件具备与网站进行数据交换的能力。例如,你可以使用PowerQuery插件来连接Excel和网站的API,实现数据的导入和导出。将Excel转换......
  • 【Redis】详解 Redis哨兵(Sentinel)架构,Master 挂了的故障转移措施
    (目录)Redis哨兵(Sentinel)架构Redis主从复制一主多从架构master主要负责写入,slave负责读取,有读写分离的功能redis主从同步原理1、slave执行命令向master建立连接2、master执行bgsave(后台存储),生成rdb快照(redis备份方式,data以二进制方式保存在本地),发送到slave上3、sla......
  • 基于Electron IM消息列表滚动优化方案?
    在处理大量消息并进行滚动优化时,以下是一些常见的优化思路和技术方案:虚拟列表(VirtualList):使用虚拟列表可以只渲染当前可见的一部分消息,而不是所有的消息。这可以大大减少渲染的元素数量,提高性能。你可以根据滚动位置计算出可见的消息范围,并只渲染这些消息。懒加载(LazyLoading):当用......
  • 【celery详解】celery学习md笔记 第(2)期:Celery任务调度详解
    Celery是一个功能完备即插即用的任务队列。它使得我们不需要考虑复杂的问题,使用非常简单。celery看起来似乎很庞大,本文我们先对其进行简单的了解,然后再去学习其他一些高级特性。全套笔记直接地址:请移步这里共4章,12子模块介绍一下如何调用任务,队列路由.1.signature我......
  • 关于elementUI开发中使用的一些小技巧
    关于表格1.表格的勾选遇上分页问题:当需要对表格批量操作,并且表格数量量不止一页的情况下,怎么在点击下一页时再回来能够保留之前勾选的状态(前端分页)?在element官网中没有这个例子,但是有对应的两个属性就可以了只需要在多选框那一列加上这个属性,并且设置表格每行的key:例子:<el......