CSS3的多余顯示點(diǎn)點(diǎn)點(diǎn)，指的是當(dāng)一段文本內(nèi)容過長(zhǎng)時(shí)，瀏覽器會(huì)將其隱藏并在其末尾添加三個(gè)點(diǎn)（...）來表示有內(nèi)容被省略了。

這個(gè)特性通常用于顯示文章標(biāo)題、文件名等單行文本。但是，當(dāng)我們想要省略的內(nèi)容過長(zhǎng)時(shí)，多余的顯示點(diǎn)點(diǎn)點(diǎn)會(huì)出現(xiàn)，影響閱讀體驗(yàn)。

/* 樣式示例 */
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100px;
}

解決這個(gè)問題的方法就是通過CSS屬性進(jìn)行設(shè)置，控制省略內(nèi)容的長(zhǎng)度，選項(xiàng)如下：

• text-overflow：

text-overflow屬性決定了超出部分的展示方式。默認(rèn)情況下省略是由text-overflow:ellipsis觸發(fā)的。除了ellipsis之外，還可以設(shè)置為clip，用來隱藏超出部分。

• white-space：

white-space屬性定義了如何處理空格、換行符以及制表符等空白符，處理方式包括normal、nowrap、pre-wrap等等，選擇對(duì)應(yīng)的方式即可。

• overflow：

overflow屬性定義了當(dāng)內(nèi)容超出容器時(shí)，是否顯示滾動(dòng)條或省略。通常情況下，我們想要超出的內(nèi)容被省略時(shí)，需要將overflow屬性設(shè)置為hidden。

• width：

width屬性定義了區(qū)域的寬度，超出該寬度的內(nèi)容將被省略。我們需根據(jù)實(shí)際情況，選擇合適的長(zhǎng)度。

總之，通過以上四個(gè)屬性的設(shè)置，我們就能夠去掉多余的顯示點(diǎn)點(diǎn)點(diǎn)，使得網(wǎng)頁(yè)內(nèi)容更加美觀易讀。