CSS可以實現文字展開收起的功能，這在需要節省頁面空間、提高頁面美觀性的時候非常有用。

/* CSS樣式 */
.text {
overflow: hidden; /* 隱藏超出部分 */
text-overflow: ellipsis; /* 超出以省略號顯示 */
white-space: nowrap; /* 不換行 */
}

以上CSS代碼可以實現對文字的隱藏和省略號顯示，但是需要使用JavaScript來實現展開和收起功能。

/* JavaScript代碼 */
var button = document.getElementsByClassName('btn')[0];
var text = document.getElementsByClassName('text')[0];
var isExpand = false; // 默認收起狀態
button.onclick = function() {
if(isExpand) {
text.style.height = '32px'; // 折疊
button.innerHTML = '展開'; // 修改按鈕文本
isExpand = false;          
} else {
text.style.height = 'auto'; // 展開
button.innerHTML = '收起'; // 修改按鈕文本
isExpand = true;           
}
}

以上JavaScript代碼實現了按鈕的點擊事件，當按鈕被點擊時，可以根據當前的狀態展開或折疊文本，并修改按鈕上的文字。

通過以上CSS和JavaScript代碼的組合，便可以實現一個簡單的文字展開收起功能。