Question

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

基本上，如何在换行的下一行将justify-content: flex-start送到？{1}}？（如果这是有道理的）

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

<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>

我如何证明内容：在包装的下一行进行flex-start？

0 个答案: