CSS下拉列表是網頁常用的一種元素，通過下拉菜單的方式展示選項，節省了頁面空間，提升了交互體驗。但是，有時候在下拉列表中長選項內容會被截斷，或者因為選項過多導致換行不美觀。本文將介紹如何在CSS下拉列表中不換行。

.select-list {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.select-list option {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

以上代碼中的white-space: nowrap;可以讓文本不會在下拉列表中自動換行，overflow: hidden;則隱藏非顯示范圍內的文本，text-overflow: ellipsis;則在文本截斷時顯示省略號。

如果同時在選擇器中添加了white-space: nowrap;和overflow: hidden;，那么text-overflow: ellipsis;才會起作用。

除此之外，還有一種方法可以在CSS下拉列表中不換行，就是通過使用optgroup元素，并設置其樣式為display: block;、white-space: nowrap;，這樣可以讓下拉列表的選項分組并不換行，但這種方法需要使用特殊樣式來處理optgroup元素內部的選項。

.select-list optgroup {
display: block;
white-space: nowrap;
}
.select-list optgroup option {
display: block;
}

以上代碼中的display:block;可以將optgroup元素轉換為塊級元素，令其占據整行空間，從而不換行。而option元素則需要通過設置為display:block;打破默認的內聯元素特性，使得每個選項可以作為獨立的塊級元素被顯示。