css如何控制li元素换行

可以使用CSS中的`display`属性和`float`属性来控制`li`元素的换行。

1. 使用`display:inline-block;`属性，将`li`元素设置为行内块元素，从而使`li`元素可以在同一行内排列，当一行放不下时，自动换行到下一行。

2. 使用`float:left;`属性，将`li`元素设置为浮动元素，从而使`li`元素可以左浮动，当一行放不下时，自动换行到下一行。

示例代码如下：

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  display: inline-block; /* 或者 float: left; */
}