CSS中有一種非常有趣的技巧，可以讓文本在不換行的情況下自動省略，并用三個點點點表示。這個技巧在一些短語、標題、標語等場合非常實用。

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

具體來說，我們需要在CSS中設置三個屬性：

• white-space: nowrap;表示不換行
• overflow: hidden;表示超出部分隱藏
• text-overflow: ellipsis;表示用省略號表示超出部分

然后在HTML文檔中，我們可以給任何想要使用這個技巧的元素加上這個CSS類。

<p class="ellipsis">Hello world.Sometimes life is going to hit you in the head with a brick. Don’t lose faith.</p>

這樣就可以在這個段落中自動省略，效果如下：

Hello world.Sometimes life is going to hit you in the head with a brick. Don’t lose faith.

非常簡單易用，試試這個技巧吧！