CSS自動縮小字體不換行是一種非常實用的技術，它可以讓我們在頁面中展示長文本內容時，自動縮小文字大小，以便適應容器寬度，同時不會換行導致布局混亂。

.auto-shrink {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 100%;
}
.auto-shrink * {
font-size: inherit;
}
.shrink-filter {
min-width: 0;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: baseline;
}

以上是實現自動縮小字體的CSS代碼，首先使用了white-space: nowrap;避免了長文本內容自動換行。接下來使用了overflow: hidden;和text-overflow: ellipsis;使文字內容超出容器寬度的部分隱藏，并最終以省略號表示。然后使用font-size: 100%;將文字大小設置為默認值，為自適應縮小做準備。

接下來，我們使用.shrink-filter類將自動縮小字體應用于需要自適應縮小的文本容器中，同時使用*display: inline;和*zoom: 1;解決了在IE瀏覽器中的兼容性問題。

最后，所有子元素繼承父元素字體大小，以保證整體字體大小的一致性。