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換行的效果了。