CSS中的text-overflow屬性是用來控制超出容器范圍的文字如何顯示的，其中最常用的值就是ellipsis，即省略號(hào)。

.text {
white-space: nowrap; /* 文字不換行 */
overflow: hidden; /* 超出容器范圍的部分隱藏 */
text-overflow: ellipsis; /* 超出部分顯示為省略號(hào) */
}

這個(gè)屬性需要在一定條件下才起作用：

• 必須設(shè)置了overflow:hidden或者overflow:auto或者overflow:scroll
• 必須禁止換行，也就是white-space屬性設(shè)為nowrap
• 文字內(nèi)容必須超過容器的尺寸

如果不滿足上述條件，就算設(shè)置了text-overflow:ellipsis，文字依然會(huì)正常顯示。

需要注意的是，text-overflow只能用在單行元素中，多行元素?zé)o法使用text-overflow。

除了text-overflow，還有一個(gè)相關(guān)的屬性，叫做word-wrap，可以實(shí)現(xiàn)文字在超出容器范圍后自動(dòng)換行，而不是裁剪。

.text {
width: 100px; /* 容器寬度 */
white-space: normal; /* 允許文字換行 */
word-wrap: break-word; /* 超出容器范圍后自動(dòng)換行 */
}

這個(gè)屬性在一些情境下會(huì)非常有用，比如表格中的單元格內(nèi)容太長(zhǎng)，超過了單元格的寬度，就可以使用word-wrap來自動(dòng)換行顯示。