CSS是用來控制網頁樣式和布局的重要工具，它具有豐富的屬性和眾多的應用場景，本文就來介紹一種常用的CSS技巧——換行并超出隱藏。

/* 使用white-space屬性來控制換行 */
p {
white-space: nowrap; /* 不換行 */
overflow: hidden; /* 超出部分隱藏 */
text-overflow: ellipsis; /* 用省略號表示隱藏的文本 */
}
/* 兼容性寫法 */
p {
overflow: hidden;
text-overflow: ellipsis;
/* 兼容IE */
white-space: nowrap;
/* 兼容Firefox */
white-space: -moz-nowrap;
/* 兼容Safari和Chrome */
white-space: -webkit-nowrap;
}

代碼解釋：

1. 使用white-space屬性來控制文本不換行，nowrap表示不換行；

2. 使用overflow屬性來控制超出部分隱藏，hidden表示隱藏；

3. 使用text-overflow屬性來控制顯示省略號，ellipsis表示用省略號表示隱藏的文本。

這種CSS技巧常常用于顯示列表中的長文本，這些長文本可能會超出列表的邊界，如果不進行處理就會影響顯示效果。

通過以上樣式設置，在文本超出容器邊界時，只顯示文本前幾個字符，后面的文本則用省略號來表示，從而使文本在視覺上更加清晰，也更加美觀。

最后，需要注意的是，這種CSS技巧需要結合具體的HTML結構和CSS樣式來實現，需要進行不斷地實踐和嘗試。