css flex 属性教程

https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/#align-self

 

display: flex;

flex-wrap: wrap;

justify-content: space-between;

 

一行两条 换行 左右对其

 

样式

ul.goods{
    width: auto;
    height: auto;
    margin: 0px;
    padding: 10px 30px;
    background: url('../../../static/images/beshopkepper/line.png') center repeat-y;
    background-size: 100%;
    min-height: 230px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.goods li{
  width: 48%;
  height: 200px;
  border-radius: 10px;
  margin-bottom: 20px;
}