在CSS中，可以使用多種方法使多個<li>元素在一行中并排顯示，以下是一些常用的方法：
1、使用display: inline-block：
- 將<li>元素的display屬性設置為inline-block，這樣它們就會在一行中并排顯示。
- 示例代碼如下：
```css
li {
display: inline-block;
}
```
2、使用float: left：
- 將<li>元素設置為左浮動，這樣它們會在一行中從左到右依次排列。
- 示例代碼如下：
```css
li {
float: left;
}
```
3、使用Flexbox：
- 使用CSS的Flexbox布局，可以將多個<li>元素在一行中靈活排列。
- 示例代碼如下：
```css
ul {
display: flex;
}
li {
flex: 1;
}
```
4、使用Grid布局：
- 使用CSS的Grid布局，也可以將多個<li>元素在一行中排列。
- 示例代碼如下：
```css
ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
```
5、使用JavaScript：
- 通過JavaScript動態(tài)計算并設置每個<li>元素的寬度，可以確保它們在容器中均勻分布。
- 示例代碼如下：
```javascript
function distributeLi() {
var ul = document.querySelector('ul');
var li = ul.children;
var totalWidth = ul.offsetWidth;
var singleWidth = totalWidth / li.length;
for (var i = 0; i < li.length; i++) {
li[i].style.width = singleWidth + 'px';
}
}
distributeLi(); // 調用函數(shù)進行分布設置
```
這些方法可以根據(jù)具體的布局需求選擇使用，每種方法都有其特定的應用場景和優(yōu)勢。
