如何在换行的下一行上调整-content:flex-start?

Pow*_*Cat 6 html css flexbox

所以我做了很多研究,但我似乎无法找到我需要的解决方案,我想知道是否有人遇到同样的问题。我附上了代码示例。

基本上,我如何将其放在justify-content: flex-start换行的下一行?(如果有道理的话)

然后该页面将响应任何大小的浏览器。

<head>
<style>
body{
    margin:0px;
    padding:0px;
}
ul{
    padding:0px;
    margin:0px;
    list-style-type:none;
}

.c
{
    position: relative;
    display: flex;
    height: 100px;
    width: 100px;
    background-color: #000;
}
.c_style
{
    position: relative;
    display: flex;
    justify-content:space-between;
    margin: 0px 40px;
    flex-wrap: wrap;
}
div{
    margin:0px;
}
</style>
</head>    
<body>
<div>
<ul class="c_style">
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
    <li><div class="c"></div></li>
</ul>
</div>

</body>
Run Code Online (Sandbox Code Playgroud)