在CSS中，我們經(jīng)常需要使用無(wú)序列表（ul）來(lái)呈現(xiàn)一組頁(yè)面元素。然而，有時(shí)候我們希望這些列表項(xiàng)（li）能夠排成一行，而不是每個(gè)列表項(xiàng)都獨(dú)占一行。那么，該如何實(shí)現(xiàn)這個(gè)效果呢？ 答案很簡(jiǎn)單：我們只需要給ul元素添加一個(gè)white-space屬性，并將其設(shè)置為nowrap即可。這個(gè)屬性的作用是控制空格和換行的處理方式，nowrap表示不換行。 下面是一個(gè)示例代碼：

ul {
white-space: nowrap;
}
li {
display: inline-block;
}

在這個(gè)代碼片段中，我們將ul元素的white-space屬性設(shè)置為nowrap，表示不允許換行。同時(shí)，我們還為每個(gè)列表項(xiàng)添加了一個(gè)display屬性，并將其設(shè)置為inline-block。這個(gè)屬性的作用是讓列表項(xiàng)能夠排成一行。 需要注意的是，如果li元素的寬度超過(guò)了其父元素（即ul）的寬度，那么縮小瀏覽器窗口或使用移動(dòng)設(shè)備瀏覽界面時(shí)，這些列表項(xiàng)就會(huì)被換到新的一行。 總的來(lái)說(shuō)，使用CSS讓li元素不換行的方法還是比較簡(jiǎn)單的。只需要在ul元素上添加white-space屬性，并將其設(shè)置為nowrap，再將li元素的display屬性設(shè)置為inline-block即可。這能夠讓我們更好地控制列表項(xiàng)的呈現(xiàn)方式，讓頁(yè)面更加美觀和易讀。