ant-design v5 的 Checkbox 样式异常

chy5wohz 于 5个月前发布在其他

关注(0)|答案(7)|浏览(66)

打开 demo 看到 Checkbox 没有换行，都挤到一起了，但是 v4 时是好的 https://stackblitz.com/edit/react-sybvja?file=demo.tsx

v4

v5

样式无异常

样式异常
| Environment | Info |
| ------------ | ------------ |
| antd | 5.19.1 |
| React | latest |
| System | mac |
| Browser | chrome |

7条答案

Start a new pull request in StackBlitz Codeflow .

俺看了下，默认写成 ant-checkbox-group: inline-flex 了，所以在一排了

俺看了下，默认写成 ant-checkbox-group: inline-flex 了，所以在一排了

可能是 afc 无脑改 inline-flex 带出来的吧

5.0 的 group 好像都是横的

Group 加上 flex-wrap: wrap ;
Row 加上 flex: 1 0 100%

确实是之前把 Checkbox.Group 改成 flex 的问题，先魔改一下吧

确实是之前把 Checkbox.Group 改成 flex 的问题，先魔改一下吧

怎么改都行，用 Col span=24 会更好，主要是这个算 breakchange。