在 CSS 中，我們經常使用一些常用的屬性來修改網頁的樣式。其中，

shrink-to-fit

是一個非常重要的屬性之一。它可以壓縮兩個字符的寬度，從而讓文本能夠更好地適應其容器。

這個屬性在文字包裹時非常有效。當一個單詞或短語在容器中太長時，它就會自動縮短，以適應其余部分。這對于響應式 Web 設計非常實用，因為這樣可以使頁面在不同大小的屏幕上都能夠正確地顯示。

.example {
width: 200px;
border: solid 1px black;
padding: 10px;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* 收縮兩個字符 */
flex-shrink: 1;
}

在上面的代碼塊中，我們可以看到，我們使用了

flex-shrink

屬性來收縮兩個字符。這個屬性可以控制元素在容器縮小時的收縮比例。這里我們將它設置為 1，表示此元素可以縮小。

如果不設置這個屬性，當元素的寬度超出容器寬度時，會自動換行并顯示省略號。但是，如果我們希望在單詞或短語中斷時收縮，并使其更好地適應容器，那么我們需要使用這個屬性。

綜上所述，

shrink-to-fit

屬性是 CSS 中非常重要的一項技術。它可以幫助我們使文字在容器中更好地適應，并保持網頁的響應式設計。