在網站開發中，我們經常需要控制一段文本只顯示一行。這種需求在導航欄、標題和表格等地方是非常常見的。CSS 提供了多種方法幫助我們實現這個效果。

下面是一些常用的實現方式：

/* 1. 使用 text-overflow 屬性 */
.one-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* 2. 使用 max-width 屬性 */
.one-line {
max-width: 100%;
white-space: nowrap;
overflow: hidden;
}
/* 3. 使用 display: inline-block 屬性 */
.one-line {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

在這些方法中，第一種方法使用 text-overflow 屬性實現。該屬性有三個值可選：clip、ellipsis 和 string。clip 表示內容超出部分被裁剪，ellipsis 表示超出部分顯示省略號，string 可以設置自定義的代替符號。需要注意的是，該屬性必須和 white-space: nowrap 和 overflow: hidden 一起使用，否則無法生效。

第二種方法使用 max-width 屬性。該屬性會把元素的寬度設置為一個固定的值，如果內容超出該寬度，則被裁剪掉。同時，也需要設置 white-space: nowrap 和 overflow: hidden。

第三種方法使用 display: inline-block 屬性。該屬性的作用是將元素呈現為內聯塊級元素，同時也可以設置寬高等屬性。需要設置 white-space: nowrap 和 overflow: hidden，否則元素會自動換行。text-overflow: ellipsis 可以用于顯示省略號。

以上三種方法都可以實現只顯示一行內容的效果，具體使用哪種方法，可以根據需要來選擇。