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

React.js学习, 简书项目 本文总阅读量次

问题描述

在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;
}
React.js学习, 简书项目