在CSS中，可以使用多種方法讓li元素每一行排列，以下是一些常見的方法：

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

- 將list-style-type屬性設(shè)置為circle、disc或square，可以讓列表項標(biāo)記為圓形、方形或磁盤形，并自動排列在每一行。

2、使用float屬性：

- 將float屬性設(shè)置為left或right，可以讓列表項浮動在左側(cè)或右側(cè)，并自動排列在每一行。

3、使用display屬性：

- 將display屬性設(shè)置為flex，可以讓列表項以彈性布局的方式排列，可以自動調(diào)整每行的數(shù)量。

4、使用grid-template-columns屬性：

- 通過設(shè)置grid-template-columns屬性，可以定義每行的列數(shù)，并讓列表項自動填充到每行中。

5、使用CSS Grid布局：

- 使用CSS Grid布局，可以更加靈活地控制列表項的排列，包括每行的數(shù)量、間距等。

6、使用JavaScript：

- 通過JavaScript，可以動態(tài)地控制列表項的排列，根據(jù)窗口大小或內(nèi)容長度自動調(diào)整每行的數(shù)量。

示例代碼

以下是一個使用CSS Flex布局實(shí)現(xiàn)列表項每行排列的示例：

<ul class="list">
  <li>項目1</li>
  <li>項目2</li>
  <li>項目3</li>
  <li>項目4</li>
  <li>項目5</li>
  <li>項目6</li>
  <li>項目7</li>
  <li>項目8</li>
  <li>項目9</li>
  <li>項目10</li>
</ul>

.list {
  display: flex;
  flex-wrap: wrap; /* 允許換行 */
  justify-content: flex-start; /* 起始位置對齊 */
}

在這個示例中，列表項會自動排列到每行中，當(dāng)一行排滿后會自動換行到下一行，通過調(diào)整justify-content屬性，可以控制每行之間的間距和對齊方式。