在使用 CSS 來布局頁(yè)面時(shí)，我們經(jīng)常會(huì)遇到一個(gè)問題就是文本超出一行時(shí)，會(huì)被隱藏或者被截?cái)唷＿@就需要我們使用一些 CSS 屬性來解決這個(gè)問題。

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

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

解釋一下上面的三個(gè) CSS 屬性：

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

這樣，當(dāng)文本超出一行時(shí)，就會(huì)自動(dòng)隱藏或者以省略號(hào)代替超出部分，而不至于影響整個(gè)頁(yè)面布局。

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