CSS 是前端開發必不可少的技能之一。在 CSS 中，我們可以通過限定長度來控制文本的顯示，并使用省略號來代替超出部分的文字。這個技巧在日常開發中非常常見，并且在網頁設計中也是必不可少的。

在 CSS 中，我們可以使用text-overflow屬性來控制文本的顯示。這個屬性可以有三種取值：clip、ellipsis 和 string。

text-overflow: clip; // 超出部分剪切
text-overflow: ellipsis; // 超出部分使用省略號代替
text-overflow: string; // 超出部分使用給定的字符串代替

其中，我們最常用的是text-overflow: ellipsis，也就是在文本超出范圍時使用省略號來代替超出部分的文字。

除了text-overflow屬性以外，我們還需要在white-space屬性中設置nowrap，使得文本不換行。同時，我們需要指定容器的寬度，才能使得文字超出范圍并使用省略號代替。

div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100px; /* 容器的寬度 */
}

上面的代碼可以控制一個 div 容器中的文本，使得超出范圍的文本不會被顯示，而是使用省略號代替。同時，我們也可以修改容器的寬度，來進一步控制文本的顯示效果。

總的來說，CSS 中的文本限定和省略號技巧十分實用，是前端開發中不可或缺的技能之一。掌握這個技巧可以讓我們在網頁設計中更加靈活，同時也能夠提高網站的用戶體驗。