在CSS中，截斷語句（truncate）是一個常見的需求，用于在頁面上顯示長文字或標題時保持一定的長度，以保持頁面的美觀和排版的整齊。

一般情況下，我們可以使用以下CSS屬性來實現截斷語句的效果：

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

通常，這些屬性是應用在一個包含文字的容器中，例如一個div或一個p標簽。

其中，text-overflow: ellipsis;是最關鍵的屬性，它告訴瀏覽器在文字溢出容器時顯示一個省略號。

white-space: nowrap;則告訴瀏覽器不對文字進行換行處理。

最后，overflow: hidden;實現了對容器中溢出的文字進行隱藏。

當我們將這三個屬性組合在一起應用到一個容器中時，就可以實現截斷語句的效果了。

例如：

<div style="width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;">This is a long text that needs to be truncated.</div>

以上代碼將會在一個100px寬的div中顯示一個長文字。如果文字超過了容器的寬度，那么就會自動截斷并在末尾添加一個省略號。

需要注意的是，text-overflow: ellipsis;屬性只能應用在display屬性為block、inline-block、table-cell、table-caption的元素上。如果使用在其他的元素上，該屬性將不會起作用。

除了以上介紹的屬性之外，我們還可以使用其他的CSS技巧來實現截斷語句的效果，例如使用CSS Calc和CSS Flexbox等。但無論如何，理解截斷語句的基本原理是非常重要的。