在編寫網頁時，經常需要用到一行顯示的文本，例如代碼或者鏈接等等。在這種情況下，我們可以使用 CSS 樣式來實現一行顯示的效果。

.single-line {
white-space: nowrap; /* 禁止換行 */
overflow: hidden; /* 超出部分隱藏 */
text-overflow: ellipsis; /* 超出部分顯示省略號 */
}

white-space屬性用于控制如何處理元素內的空格和換行。在這里，我們將其設置為nowrap，表示不允許換行。

overflow屬性用于控制元素的溢出行為。在這里，我們將其設置為hidden，表示超出部分隱藏。

text-overflow屬性用于控制文本溢出時的顯示方式。在這里，我們將其設置為ellipsis，表示超出部分顯示省略號。

接著我們可以將這個樣式應用到需要一行顯示的元素上：

<a href="#" class="single-line">這是一個鏈接，當文本太長時...</a>

如上面的代碼所示，我們給鏈接添加了一個class為single-line的樣式，實現了一行顯示的效果。當文本太長超出元素寬度時，會自動顯示省略號。