HTML怎么设置盒子左靠齐,【CSS】弹性盒布局怎么实现列表最后一行左对齐？

就是前几行的item是两端对齐，中间的空白自动分配，最后一行左对齐，间距分配跟上面自动分配的一样，该怎么写呢？

justify-content:space-between的话最后一行就不会左对齐了。

justify-content:flex-start的话item间距就不会自动分配了。

求教！！！

回答：

回答：

请问你这个问题解决了吗

回答：

无标题文档

ul {

display: flex;

flex-wrap: wrap;

}

ul li {

width: 25%;

height: 200px;

padding: 10px;

background: #f2f2f2;

}

ul li div {

width: 100%;

height: 100%;

background: #333;

color: #fff;

line-height: 180px;

text-align: center;

font-size: 20px;

}

• 内容
• 内容
• 内容
• 内容
• 内容
• 内容
• 内容

回答：

使用flex 布局实现，核心实现代码为

.container {

display: flex;

flex-wrap: wrap;

justify-content: space-between;

}

.container:after {

content: "";

flex: auto;

}