CSS3的文字超出隱藏功能是現(xiàn)代網(wǎng)頁設(shè)計(jì)中非常有用的一項(xiàng)功能。當(dāng)文字內(nèi)容超過容器的尺寸或者寬高比例不合適時(shí)，我們就需要利用CSS3的超出隱藏樣式進(jìn)行處理。 使用CSS3的超出隱藏樣式非常簡單，我們只需要在目標(biāo)元素的樣式表中加入以下樣式： ``` text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ``` 這三行代碼可以將文字超出的部分隱藏起來，同時(shí)在末尾加上省略號(hào)以示截?cái)唷Ｆ渲衪ext-overflow屬性表示在垂直或水平方向上內(nèi)容超出容器時(shí)的顯示方式，其值可以是： - clip：超出容器時(shí)截?cái)嗾故尽? - ellipsis：超出容器時(shí)顯示省略號(hào)。 - string：超出容器時(shí)顯示指定的字符串。 而white-space屬性值為nowrap則表示禁止文字換行，overflow:hidden則表示超出的部分隱藏。 以下是一個(gè)簡單的使用文字超出隱藏樣式處理的例子：

<style type="text/css">
	.news{
width:400px;
height:80px;
line-height:20px;
overflow:hidden;
border:1px solid #ccc;
padding:10px;
text-overflow:ellipsis;
white-space:nowrap;
	}
</style>
<p class="news"> 今天是個(gè)大晴天，陽光明媚，空氣清新，鳥語花香，人在其中真是愜意。</p>

以上代碼中，我們設(shè)置了寬度為400px、高度為80px的段落元素，并將溢出部分隱藏起來，同時(shí)在文字末尾加上了省略號(hào)。如果您在CSS3的文字處理中遇到任何問題，歡迎咨詢網(wǎng)頁設(shè)計(jì)專家或者前端開發(fā)人員。