所以我做了很多研究,但我似乎无法找到我需要的解决方案,我想知道是否有人遇到同样的问题。我附上了代码示例。
基本上,我如何将其放在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)