antd使用gutter导致滚动条的产生

问题描述

在react项目中使用Row的gutter属性设置间隔时导致横向滚动条的产生

解决方法

在css中增加以下代码来覆盖以解决宽度增加的部分:

1
2
3
4
5
6
7
8
9
10
11
12
.ant-row {
margin-right: 0 !important;
margin-left: 0 !important;
}

.ant-col:first-child {
padding-left: 0 !important;
}

.ant-col:last-child {
padding-right: 0 !important;
}
,