CSS行縮是指當文本在一行中無法完全顯示時，將其縮短并顯示省略號。這種特性可用于網站導航欄、列表項以及其他需要顯示較長文本時使用。CSS的text-overflow屬性可用于實現行縮。

.text {
width: 100px;
white-space: nowrap; // 文本不換行
overflow: hidden; // 隱藏溢出部分
text-overflow: ellipsis; // 顯示省略號
}

上述代碼說明了如何實現行縮。首先，將元素的寬度設置為一定值，確保文本在一行中顯示。接著，使用white-space屬性防止文本換行。overflow屬性用于隱藏超出元素邊界的文本。text-overflow屬性設置了省略號的顯示方式。

需要注意的是，text-overflow只有在以下情況下才會生效：

• 元素必須具有一個寬度
• 元素必須具有白色空間戳
• 元素必須具有overflow:hidden或overflow:scroll

在一些復雜的布局中，可能需要使用nested elements來實現行縮。

.container {
display: flex;
flex-direction: row;
}
.item {
width: 100px;
white-space: nowrap; // 文本不換行
overflow: hidden; // 隱藏溢出部分
text-overflow: ellipsis; // 顯示省略號
}

上述代碼將多個元素放置在一個容器中，并為每個元素設置了寬度以便能夠實現行縮。使用flexbox可以更容易地對元素進行位置調整。

CSS行縮是一種非常有用的技術，可將網頁中較長的文本完美地適應限定的空間。通過text-overflow屬性和其他CSS屬性，可以輕松地實現行縮，并為用戶提供更好的視覺體驗。