CSS中實現li換行有很多方式，比如使用display屬性或者float屬性。下面我們將詳細介紹這些方式。 一、display屬性方式： 我們可以使用display屬性來實現li元素的換行顯示。具體代碼如下所示：

ul {
display: flex;
flex-wrap: wrap;
}
li {
width: 100px;
height: 100px;
background-color: pink;
margin: 10px;
}

上面代碼中，我們設置了ul元素的display屬性為flex，并將flex-wrap屬性設置為wrap，這樣li元素就可以自動換行了。 二、float屬性方式： 我們也可以使用float屬性來實現li元素的換行顯示。具體代碼如下所示：

ul {
overflow: hidden;
}
li {
width: 100px;
height: 100px;
background-color: pink;
margin: 10px;
float: left;
}

上面代碼中，我們設置了ul元素的overflow屬性為hidden，以便可以隱藏li元素溢出的部分。我們還設置了li元素的float屬性為left，這樣li元素就可以自動換行了。 總結： 使用display屬性或者float屬性都可以實現li元素的換行顯示。具體選擇哪個方式，還要根據實際情況進行判斷。如果需要在li元素之間添加一些間隔，建議使用display屬性方式；如果li元素需要浮動在一起，建議使用float屬性方式。