CSS寬度縮小字符消失是一種常見的現象，它指在網頁布局中，當占據空間不足以顯示所有文本時，部分文本會被自動省略。

例如此處的一個div元素，寬度只有 200px，然而文本內容卻超出了其寬度的范圍，導致文字不能完整顯示，并被省略掉一部分:
這是一段很長很長的文本內容，無法全部顯示在此區域的范圍內。
在這種情況下，我們可以通過設置 text-overflow 屬性來控制省略號的出現方式，同時，為了防止文本截斷，可以將 display 屬性設置為 block 或 inline-block，使文本自動換行，具體代碼如下：
div {
width: 200px;
white-space: nowrap;      /* 禁止折行 */
overflow: hidden;         /* 超出部分隱藏 */
text-overflow: ellipsis;  /* 省略號顯示方式 */
display: inline-block;    /* 防止截斷 */
}
這是一段很長很長的文本內容，無法全部顯示在此區域的范圍內。

通過這種方式，我們可以在實際開發中，控制文本的顯示方式，避免文本截斷，同時提高用戶體驗。