微信小程序flex布局宽度问题

本来想实现这个效果，看着挺简单的

然后就出现这个问题了

明明给每个item设置了宽度了

.dace_box_item{
  width: 18%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

解决方法：

.dace_box_item{
  min-width: 18%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

加一个min-就可以了

这个也是我无意间试出来的😃
望对大家有用！