css如何做出区域平均划分为四列

Question

将表单区域平均划分为四列，并且列与列之间留出固定的间隔。一般情况下，一个选项占据一列，当选项长度超过一列时，根据长度占据多列。如果选项本身超过一行，则折行进行展示，并且该选项的下N行，不放置其他选项

Answer 1

可以使用flex布局，每一列占25%的最小宽度

.box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  .box-item {
    min-width: 25%;
  } 
}

Answer 2

grid布局也可以