我的网站上的移动菜单底部有一个基于 flex 的社交媒体图标的无序列表。
我试图让三排并排坐着，等距。我已经用规则管理了这个
justify-content:space-around
但我的问题是，当项目超过三个时，下一行开始从中心填充，而我希望它从左侧填充，因为用户会随着时间的推移添加更多图标。
我解释得越深入，我就越不确定这是否可能，但我想我会把它扔在那里以防万一。
是否可以使下一行中的列表项从容器的左侧开始而不会弄乱justify-content:space-around规则？
目前他们只有在两排都有三个时才排队。
这是代码
justify-content:space-around
.box {
width:275px;
height:275px;
background-color:yellow;
}
ul {
width:auto;
display:flex;
flex-direction:row;
justify-content:space-around;
flex-wrap: wrap;
padding: 30px 20px 30px 20px;
list-style: none;
}
li {
width:30px;
height:30px;
margin:15px;
background-color:red;
}