CSS是网页设计中不可或缺的一部分，它可以帮助我们实现各种各样的效果，其中包括让li换行，今天我们就来学习一下如何通过CSS实现li换行。

ul {
display: flex;
flex-wrap: wrap;
/*这里的flex-wrap属性用于控制flex容器内的flex项目如何换行，wrap表示当一行排不下时，换行。*/
}
li {
flex-basis: 33.3%;
/*这里的flex-basis属性用于设置flex项目在主轴方向上的初始大小，默认为auto，即根据flex项目内部的内容大小决定。这里我们将该属性设置为33.3%，表示每行显示三个flex项目。*/
}

通过以上代码，我们就可以轻松实现li换行的效果了。