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

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

    padding: 2px;
  }

解析:

   display: flex;  
    flex-wrap: wrap;  //可换行
    justify-content: space-around; //项目位于各行之前、之间、之后都留有空白的容器内。 属性测试
在不换行下根据子元素宽度决定一行显示几个子元素的父元素样式

 

 

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

 

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

 

上一篇:ui组件


下一篇:UI组件使用