在網頁設計中，我們常常會遇到文字超出兩行的情況，這時候我們需要使用CSS來進行調整，以使頁面更加美觀。 為了讓大家更好地理解，我們先看一個例子：

這是一段很長很長的文本，跨過了兩行。如果不進行調整，可能會影響到頁面的布局。

我們可以將這段文本使用CSS的text-overflow屬性進行裁剪，示例代碼如下：

p {
white-space: nowrap;  // 不換行
overflow: hidden;    // 隱藏超過部分
text-overflow: ellipsis;  // 顯示省略號
}

這里的text-overflow屬性表示當文本超過元素的大小時，如何處理。其中，使用了省略號（...）來代替超過的部分。同時，我們還需要將白色邊距（white-space）設置為nowrap，這樣文本才會跨行。 值得注意的是，在使用text-overflow時，必須將overflow設置為hidden，這樣才能確保超出的部分被隱藏。 除了以上的方法，我們還可以使用word-wrap屬性進行調整，示例代碼如下：

p {
word-wrap: break-word;  // 換行
}

這里的word-wrap屬性表示當文本過長時，如何進行換行。使用break-word屬性可以將單詞強制分割，從而達到換行的效果。 需要注意的是，這種方式可能會影響文本的整體美觀度，所以需要結合實際情況進行調整。 總的來說，文字超出兩行的問題屬于網頁設計中的常見問題之一。通過使用CSS的text-overflow屬性和word-wrap屬性，我們可以靈活地進行調整，從而達到更好的頁面效果。