在CSS中，我們可以通過text-overflow屬性來實現當文字在一行內無法全部顯示的情況下，出現省略號的效果。

.single-line {
white-space: nowrap; /* 防止文字換行 */
overflow: hidden; /* 文字溢出隱藏 */
text-overflow: ellipsis; /* 出現省略號 */
}

以上代碼所用到的三個屬性，分別是：

• white-space: nowrap：表示文字不換行
• overflow: hidden：表示文字溢出部分隱藏
• text-overflow: ellipsis：表示出現省略號

有時候我們會發現，文字并沒有完全填滿一行，但是已經出現了省略號。這時候可以通過設置width屬性為auto，使其寬度根據內容自適應，避免出現過早截斷的情況：

.single-line {
display: inline-block; /* 將元素設為行內塊元素，以根據內容自適應寬度 */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: auto; /* 寬度自適應 */
}

同時，我們還可以通過max-width屬性來限制元素的最大寬度，避免文字過長無法顯示的情況：

.single-line {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: auto;
max-width: 200px; /* 最大寬度為200px */
}

在實際項目中，我們可以通過以上方式，輕松實現一行文字出現省略號的效果。