在 CSS 中，我們可以使用 "text-overflow" 屬性來控制文字超出元素范圍時的顯示方式。當一段文字超出了容器的寬度時，往往會出現一些問題，如溢出到屏幕之外、遮蓋其他元素等。"text-overflow" 就可以幫助我們解決這些問題。 "text-overflow" 屬性有三個可選值： "ellipsis"、 "clip" 和 "string"。其中， "ellipsis" 值表示末尾會出現省略號 "..."， "clip" 值表示直接隱藏超出容器范圍的部分， "string" 表示直接將超出容器范圍的文字截斷并顯示。 下面是示例代碼：

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

上述代碼會將 p 標簽內的文字在超出容器寬度時自動添加省略號，在保持文字內容不變的同時，解決了排版問題。如果不需要省略號，可以將 "text-overflow" 屬性的值設置為 "clip"。如果需要將超出容器范圍的文字截斷并顯示，可以將 "text-overflow" 屬性的值設置為 "string"。 此外，還有一個需要注意的地方就是 "white-space" 屬性的設置。如果不將其設置為 "nowrap"，超出容器寬度的文字就會自動換行，此時 "text-overflow" 屬性就失去了效果。 總之，在 CSS 中， "text-overflow" 屬性可以幫助我們控制文字超出容器范圍時的顯示方式，讓我們的頁面看起來更加美觀、整潔。