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

发布时间 2023-11-14 09:40:48作者: Z哎呀

原因

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>