在CSS中，可以使用多種方法讓li元素?fù)Q行顯示出來，以下是一些常見的方法：

1、使用list-style-type屬性：

- 將list-style-type屬性設(shè)置為circle、square或disc，這會(huì)使每個(gè)li元素前有一個(gè)標(biāo)記，并自動(dòng)換行。

```css

ul {

list-style-type: circle;

}

```

2、使用float屬性：

- 將li元素設(shè)置為浮動(dòng)，并設(shè)置適當(dāng)?shù)膶挾群透叨?，可以使其自?dòng)換行。

```css

li {

float: left;

width: 200px;

height: 50px;

}

```

3、使用flex布局：

- 使用CSS的flex布局，可以設(shè)置li元素的換行行為。

```css

ul {

display: flex;

flex-wrap: wrap;

}

```

4、使用grid布局：

- 使用CSS的grid布局，也可以控制li元素的換行。

```css

ul {

display: grid;

grid-template-columns: repeat(3, 1fr);

}

```

5、使用JavaScript：

- 通過JavaScript動(dòng)態(tài)計(jì)算并設(shè)置每個(gè)li元素的高度和寬度，可以使其自動(dòng)換行，這種方法通常用于響應(yīng)式設(shè)計(jì)。

```javascript

function setLiHeight() {

var li = document.getElementsByTagName('li');

for (var i = 0; i < li.length; i++) {

li[i].style.height = '50px'; // 設(shè)置每個(gè)li元素的高度為50像素

}

}

// 調(diào)用函數(shù)設(shè)置li高度

setLiHeight();

```

6、使用CSS的max-width屬性：

- 設(shè)置max-width屬性可以限制li元素的寬度，從而實(shí)現(xiàn)自動(dòng)換行。

```css

li {

max-width: 200px; // 設(shè)置***大寬度為200像素，超出部分會(huì)自動(dòng)換行

}

```

7、使用CSS的text-align屬性：

- 設(shè)置text-align屬性為justify可以使文本在li元素中自動(dòng)換行。

```css

li {

text-align: justify; // 文本自動(dòng)換行以適應(yīng)寬度限制

}

```

這些方法可以根據(jù)具體的需求和布局選擇使用，以實(shí)現(xiàn)自動(dòng)換行的效果。