在網頁設計中，有時候需要對文本的長度進行限制，比如在新聞摘要中只顯示一部分內容。如果采用固定寬度的布局，就有可能出現文本溢出的情況，這時候就需要用到CSS中的文本省略號。 一、單行文本省略號 如果要讓單行文本顯示省略號，只需要給文本所在的容器設置一個固定的寬度和以下CSS樣式即可： pre{ white-space: nowrap; /* 禁止文本換行 */ overflow: hidden; /* 隱藏超出范圍的文本 */ text-overflow: ellipsis; /* 使用省略號代替被截斷的文本 */ } 其中，white-space屬性用于控制文本的換行，nowrap表示不允許文本換行；overflow屬性用于控制文本的顯示方式，hidden表示超出范圍的文本將被隱藏；text-overflow屬性用于指定文本溢出時如何顯示，ellipsis表示使用省略號代替被截斷的文本。 二、多行文本省略號 對于多行文本，我們可以使用CSS3中的-webkit-line-clamp屬性來實現多行文本省略號。該屬性接受一個數字參數，用于指定顯示的行數，如果多于指定行數則將超出范圍的文本省略。 pre{ display: -webkit-box; /* 將容器設為彈性伸縮盒子 */ -webkit-box-orient: vertical; /* 垂直排列 */ -webkit-line-clamp: 3; /* 指定顯示的行數 */ overflow: hidden; /* 超出范圍的文本隱藏 */ text-overflow: ellipsis; /* 被截斷的文本使用省略號代替 */ } 上述代碼中，display屬性指定容器為彈性伸縮盒子，-webkit-box-orient屬性指定垂直排列，-webkit-line-clamp屬性指定顯示的行數，overflow屬性和text-overflow屬性同單行文本省略號。 總之，文本省略號是網頁設計中常用的樣式技巧，可以提高用戶的視覺體驗，同時還能控制文本的長度和布局。在實際應用中，需要根據具體情況選擇適當的實現方式。