Css 如何在一行中显示两个复选框？

我在WooCommerce中有复选框过滤器，希望将其对齐为一行中的两个复选框，然后在第二行中对齐下两个复选框，以此类推。。这就是问题所在。我希望这种风格也适用于“产品颜色”和“产品尺寸”

怎么做

当前CSS是：

.woof_list li {
list-style: none !important;
padding: 0 0 5px 0 !important;
}

看起来像：

---

您可以使用

显示：flex；柔性包装：包装，然后将子对象上的
flex basis
设置为所需的宽度，然后考虑任何水平空间（如边距）


.woof\u list\u复选框{
显示器：flex；
柔性包装：包装；
}
.woof_list_li{
保证金：0 3px 0 3px！重要；
弹性基础：计算（50%-6px）；
}

1

10

100

105

11

11-12

110

12

120

13

13-14

130

14

140

15

15-16

150

16

160

17

17-18

170

18

19

2

2-3

20

21

22

23

24

25

26

27

28

29

3

3-4

30

31

32

33

34

35

36

37

38

39

4

4-5

5

5-6

6

6-7

7

7-8

8

8-9

9

9-10

只有一件事。。为什么在添加代码后，其中一种颜色会向下移动。。奇怪@如果你从那些
li
中去掉
margin
，只使用
flex-basis:50%