在網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常會(huì)出現(xiàn)長(zhǎng)文字超過(guò)容器的情況，這時(shí)需要使用CSS來(lái)隱藏超過(guò)容器的文字。

.overflow {
width: 200px; /* 容器寬度 */
white-space: nowrap; /* 讓文字不換行 */
overflow: hidden; /* 隱藏超過(guò)容器的文字 */
text-overflow: ellipsis; /* 顯示省略號(hào) */
}

以上是CSS樣式代碼的簡(jiǎn)單示例，其中需要注意以下幾點(diǎn)：

• 容器的寬度需要根據(jù)實(shí)際情況設(shè)置；
• white-space屬性用于控制文字的換行，值為nowrap時(shí)不換行；
• overflow屬性用于隱藏超過(guò)容器的文字，值為hidden時(shí)；
• text-overflow屬性用于顯示省略號(hào)，可以用其他字符代替。

在HTML中，需要在包含文字的標(biāo)簽中設(shè)置class屬性為.overflow（需要與CSS樣式中的class名一致），代碼示例如下：

<p class="overflow">這是一段超過(guò)容器寬度的文字，將會(huì)被隱藏</p>

這樣，超出容器的文字將會(huì)被隱藏，并以省略號(hào)的形式顯示在容器的最后。