在CSS中，要使li元素中的文字換行顯示，可以使用多種方法，以下是一些常見的方法：
1、使用CSS的white-space屬性：
white-space: normal;：默認值，允許文本自動換行。
white-space: nowrap;：禁止文本自動換行。
white-space: pre;：保留文本中的空白和換行。
white-space: pre-line;：保留文本中的空白，但允許自動換行。
white-space: pre-wrap;：保留文本中的空白，并允許手動和自動換行。
2、使用CSS的word-break屬性：
word-break: normal;：默認值，允許單詞在行末斷開。
word-break: break-all;：允許所有字符在行末斷開。
word-break: keep-all;：不允許單詞在行末斷開。
3、使用CSS的text-align屬性：
text-align: left;：默認值，文本左對齊。
text-align: right;：文本右對齊。
text-align: center;：文本居中對齊。
text-align: justify;：文本兩端對齊。
4、使用CSS的vertical-align屬性：
vertical-align: top;：默認值，元素頂部與行頂對齊。
vertical-align: middle;：元素中部與行中對齊。
vertical-align: bottom;：元素底部與行底對齊。
vertical-align: baseline;：元素基線對齊。
5、使用HTML的style屬性：
可以直接在HTML元素中使用style屬性來設置CSS樣式，如：
```html
<li style="white-space: nowrap;">Some long text that needs to be wrapped</li>
```
6、使用外部或內部CSS文件：
可以在外部或內部CSS文件中定義樣式規(guī)則，然后在HTML中引用這些樣式。
```css
/* 樣式表 */
li {
white-space: nowrap;
}
```
然后在HTML中引用這個樣式表。
7、使用CSS偽類：
可以使用CSS偽類來設置特定情況下的樣式，如：
```css
/* 偽類示例 */
li:hover {
white-space: nowrap; /* 鼠標懸停時禁止換行 */
}
```
8、使用CSS的text-decoration屬性：
text-decoration: none;：去除文本裝飾，如下劃線、上劃線等。
text-decoration: underline;：添加下劃線。
text-decoration: overline;：添加上劃線。
text-decoration: line-through;：添加刪除線。
9、使用CSS的color屬性：
- 設置文本顏色，如：color: red;。
- 還可以設置其他顏色空間，如RGB、RGBA、HSL等。color: rgb(255, 0, 0);（紅色）。
10、使用CSS的font屬性：
可以設置字體大小、字體樣式、字體家族等，如：font: 12px Arial, sans-serif;，也可以分別設置這些屬性，如fontsize、fontstyle、fontfamily等。
