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>