當我們在寫 CSS 時，經(jīng)常會碰到一個問題：如果一個元素的寬度超過了它的父元素的寬度，應該怎么辦呢？ 這時候我們可以利用 CSS 的一個屬性：`text-overflow`。 這個屬性只有在以下條件下才會起作用： 1. 元素必須要有一個固定的寬度，不可以是自適應或者百分比寬度； 2. 元素必須要有一個 `overflow` 的屬性，值為 `hidden` 或 `scroll`； 3. 元素必須要有一個文本溢出，也就是說，文本必須要比元素的寬度要寬。 當上述條件都滿足后，我們可以添加下面的 CSS： ``` overflow: hidden; text-overflow: ellipsis; white-space: nowrap; ``` 這里的 `...` 是自動生成的，用來表示被截取的文本。如果你想自定義這個符號，可以使用以下 CSS： ``` text-overflow: "↓"; ``` 使用上面的代碼，就可以將被截取的文本變成↓。 感謝您的閱讀！