CSS中有一種非常有用的屬性叫做text-overflow，它可以用于處理當文字超出容器長度時的情況。一般會出現兩種情況：一種是文字被截斷，省略號代替。另一種是文字被隱藏，可以使用鼠標hover來顯示全部。
我們可以通過以下CSS屬性來實現這兩種情況：
1. 文字截斷，省略號代替：
```css
p {
white-space: nowrap; /*強制單行文本*/
overflow: hidden; /*將溢出部分隱藏*/
text-overflow: ellipsis; /*用省略號代替溢出部分*/
}
```
2. 文字隱藏，鼠標hover顯示：
```css
p {
white-space: nowrap; /*強制單行文本*/
overflow: hidden; /*將溢出部分隱藏*/
text-overflow: clip; /*隱藏溢出部分*/
}
p:hover {
overflow: visible; /*鼠標hover時顯示全部*/
}
```
這些屬性非常有用，可以使我們在設計頁面時更好地控制頁面內容的顯示效果。需要注意的是，text-overflow屬性只作用于單行文本，多行文本可以考慮使用“省略號+折疊”等方法來處理。
下一篇css多行子上下居中