CSS中的li轉(zhuǎn)行 在網(wǎng)頁排版中，我們經(jīng)常會(huì)使用無序列表（ul）和有序列表（ol）來展示信息。這時(shí)候，我們就會(huì)遇到li轉(zhuǎn)行的問題。 當(dāng)一個(gè)li項(xiàng)的內(nèi)容太長，超過了ul或ol的寬度，該如何處理呢？為了讓文本在正確的位置換行，我們可以使用CSS中的“l(fā)i轉(zhuǎn)行”技巧。 下面是一個(gè)示例代碼： pre { white-space: pre-wrap; } ul li { white-space: pre-wrap; list-style-type: disc; margin-left: 2em; } 在這段代碼中，我們使用了white-space屬性，以及ul li標(biāo)簽的一些屬性。 pre標(biāo)簽會(huì)保留文本中的所有空格和換行符，而不會(huì)忽略任何文本格式。這意味著我們可以讓超出列表寬度的長文本自動(dòng)轉(zhuǎn)行。 ul li標(biāo)簽中的white-space屬性設(shè)置為“pre-wrap”，這會(huì)讓文本在需要時(shí)自動(dòng)換行，而不會(huì)在單詞或數(shù)字中間折斷。 此外，我們還設(shè)置了list-style-type屬性和margin-left屬性來定義列表的顯示格式和縮進(jìn)量。 總結(jié)： 在處理超長文本時(shí)，我們可以使用CSS中的li轉(zhuǎn)行技巧。將white-space屬性設(shè)置為“pre-wrap”可以讓文本自動(dòng)換行，同時(shí)保留所有空格和換行符。此外，我們還可以使用list-style-type屬性和margin-left屬性來調(diào)整列表的顯示格式和縮進(jìn)量。 以上就是CSS中的li轉(zhuǎn)行的相關(guān)內(nèi)容。