在使用 CSS 來布局頁面時，我們經常會遇到一個問題就是文本超出一行時，會被隱藏或者被截斷。這就需要我們使用一些 CSS 屬性來解決這個問題。

下面的代碼演示了如何使用 CSS 屬性去控制超出行不顯示的問題。

.text {
white-space: nowrap;  
overflow: hidden;
text-overflow: ellipsis;
}

解釋一下上面的三個 CSS 屬性：

• white-space: nowrap; 不換行
• overflow: hidden; 隱藏超出部分
• text-overflow: ellipsis; 超出部分用省略號代替

這樣，當文本超出一行時，就會自動隱藏或者以省略號代替超出部分，而不至于影響整個頁面布局。

除了使用上述 CSS 屬性外，還有一些其他的方法可以處理超出行的問題，例如使用 JavaScript 和 jQuery 等。但使用 CSS 屬性是最簡單的方法。