在 CSS 中，我們可以使用 "text-overflow" 屬性來(lái)控制文字超出元素范圍時(shí)的顯示方式。當(dāng)一段文字超出了容器的寬度時(shí)，往往會(huì)出現(xiàn)一些問(wèn)題，如溢出到屏幕之外、遮蓋其他元素等。"text-overflow" 就可以幫助我們解決這些問(wèn)題。 "text-overflow" 屬性有三個(gè)可選值： "ellipsis"、 "clip" 和 "string"。其中， "ellipsis" 值表示末尾會(huì)出現(xiàn)省略號(hào) "..."， "clip" 值表示直接隱藏超出容器范圍的部分， "string" 表示直接將超出容器范圍的文字截?cái)嗖@示。 下面是示例代碼：

p {
white-space: nowrap; /* 禁止文字換行 */
overflow: hidden;  /* 溢出部分隱藏 */
text-overflow: ellipsis; /* 超出部分省略 */
width: 200px;
}

上述代碼會(huì)將 p 標(biāo)簽內(nèi)的文字在超出容器寬度時(shí)自動(dòng)添加省略號(hào)，在保持文字內(nèi)容不變的同時(shí)，解決了排版問(wèn)題。如果不需要省略號(hào)，可以將 "text-overflow" 屬性的值設(shè)置為 "clip"。如果需要將超出容器范圍的文字截?cái)嗖@示，可以將 "text-overflow" 屬性的值設(shè)置為 "string"。 此外，還有一個(gè)需要注意的地方就是 "white-space" 屬性的設(shè)置。如果不將其設(shè)置為 "nowrap"，超出容器寬度的文字就會(huì)自動(dòng)換行，此時(shí) "text-overflow" 屬性就失去了效果。 總之，在 CSS 中， "text-overflow" 屬性可以幫助我們控制文字超出容器范圍時(shí)的顯示方式，讓我們的頁(yè)面看起來(lái)更加美觀、整潔。