CSS3 div换行 justify-content:space-around 或spacebetween最后一行问题

用 container::after添加一个虚拟元素
但其中有一些个细节

    //容器
    .container{
    
      //让子元素自动换行布局
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
       
       // div之类的元素
	   div{
	   width:100px;
	   height:100px;
	   background:pink;
	   }
    }
    
    /* 解决最后一行问题,添加一个等宽的,高度是1px (如果不在乎这1px的话) 的虚拟子元素,
    这里如果元素不需要顾及margin/padding的话,也可以直接写 flex:auto; */
    
	 .container::after{
	    content:'';
	    // flex:auto;
		width: 100px;
		height: 1px;
	 }