首页 |  我的博客 |  查看该博主内容分类 | 

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

原因

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

解决办法

上述el-row的设计逻辑理论是可行的,但结果是我把margin去掉(即设置为0:margin: 0)反而正常了,原因暂时未知。(后续发现大概率是它的父级元素样式造成的,可以尝试去掉父级元素样式对子元素margin的样式影响

<el-row :gutter="20" style="margin: 0">
	...
</el-row>
posted @ 2023-11-14 09:32  Z哎呀  阅读(1255)  评论(1)    收藏  举报