在網(wǎng)頁(yè)開(kāi)發(fā)中，我們經(jīng)常會(huì)遇到文字超過(guò)容器寬度的情況。這時(shí)候我們可以通過(guò)CSS的一些技巧來(lái)讓多余的文字不顯示，以達(dá)到更好的頁(yè)面顯示效果。 首先，我們可以使用CSS的overflow屬性來(lái)實(shí)現(xiàn)。overflow屬性有兩個(gè)常見(jiàn)的值，分別是hidden和scroll。hidden值表示隱藏多余的文字，而scroll則表示出現(xiàn)滾動(dòng)條。比如，我們可以將一個(gè)div容器的overflow屬性設(shè)置為hidden，代碼如下：

div {
width: 200px;
height: 100px;
overflow: hidden;
}

這樣，當(dāng)容器中的文字超過(guò)容器寬度時(shí)，就會(huì)被隱藏起來(lái)，不再顯示。 其次，我們還可以使用CSS的text-overflow屬性來(lái)實(shí)現(xiàn)。text-overflow屬性主要用于設(shè)置文本超出容器后的顯示效果。常見(jiàn)的屬性值有ellipsis（省略號(hào)）、clip（裁剪）和string（默認(rèn)值）。比如，我們可以將一個(gè)p標(biāo)簽的text-overflow屬性設(shè)置為ellipsis，代碼如下：

p {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

這樣，在p標(biāo)簽內(nèi)容超出容器寬度時(shí)，就會(huì)以省略號(hào)形式顯示，更美觀。 最后，我們還可以結(jié)合使用CSS的white-space屬性和JavaScript來(lái)實(shí)現(xiàn)。具體思路是，利用JavaScript獲取p標(biāo)簽內(nèi)容的寬度，與p標(biāo)簽容器的寬度進(jìn)行比較，若超出容器寬度，則使用white-space屬性將文字折行，并在末尾添加"..."。代碼如下：

這是一段很長(zhǎng)很長(zhǎng)的文字，可能超出容器寬度。

以上是一些讓多余的文字不顯示的CSS技巧，希望能夠?qū)W(wǎng)頁(yè)開(kāi)發(fā)的小伙伴有所幫助。