CSS中經(jīng)常使用ul和li標(biāo)簽來創(chuàng)建無序列表，但是當(dāng)列表項(xiàng)中內(nèi)容過長時(shí)，會(huì)導(dǎo)致排版錯(cuò)亂。此時(shí)我們可以使用CSS的text-overflow屬性來對超出部分進(jìn)行省略，以下是實(shí)現(xiàn)方法：

li{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

其中，overflow屬性用于控制超出部分的處理方式，text-overflow用于指定省略號(hào)，white-space用于控制文本內(nèi)容是否自動(dòng)換行。

另外，如果要控制省略號(hào)出現(xiàn)的位置，可以使用max-width和min-width屬性，例如：

li{
max-width: 200px;
min-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

通過設(shè)置最大和最小寬度，可以讓省略號(hào)在一定寬度范圍內(nèi)出現(xiàn)，同時(shí)也能避免列表項(xiàng)過寬導(dǎo)致排版問題。

這樣，當(dāng)文本內(nèi)容超出列表項(xiàng)寬度時(shí)，就會(huì)自動(dòng)省略掉超出部分，并在末尾顯示省略號(hào)。