在不换行下根据子元素宽度决定一行显示几个子元素的父元素样式

  .goods {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;

    padding: 2px;
  }

解析：

　　 display: flex;  
    flex-wrap: wrap;  //可换行
    justify-content: space-around; //项目位于各行之前、之间、之后都留有空白的容器内。 属性测试