CSS是一種用于美化網頁的語言，其中的文本排版功能是非常重要的。在設計網頁時，我們常常遇到文字超出盒子的問題，這時我們可以使用CSS中的一些技巧來解決。

其中一個方法就是使用CSS中的text-overflow: ellipsis;屬性，使溢出的文本以省略號的形式顯示，無需使用JavaScript或其他語言進行處理。

.example {
width: 200px;
white-space: nowrap; /* 文本不折行 */
overflow: hidden; /* 超出的文本隱藏 */
text-overflow: ellipsis; /* 溢出的文本使用省略號代替 */
}

這段代碼會將類名為example的盒子的寬度設置為200px，并將文本內容設置為不折行、超出部分隱藏，并在超出的地方使用省略號代替。

還有一種方法可以使用display: -webkit-box;和-webkit-line-clamp: 3;的組合屬性來控制文本顯示的行數，同樣無需使用其他語言進行處理。

.example {
display: -webkit-box;
-webkit-line-clamp: 2; /* 控制文本顯示的行數 */
-webkit-box-orient: vertical; /* 設置文本流向為垂直方向 */
overflow: hidden; /* 超出的部分隱藏 */
}

這段代碼會將類名為example的盒子中的文本顯示在2行內，并將盒子的文本流向設置為垂直方向，超出的部分也會被隱藏。

在實際設計中，我們可以根據不同的需求選擇不同的方式來控制文本的顯示。使用這些技巧可以讓我們更好地掌控文本的顯示效果，提高網頁的美觀程度。