CSS中多余部分使用三個(gè)點(diǎn)表示已經(jīng)超過(guò)了預(yù)設(shè)的長(zhǎng)度，往往會(huì)出現(xiàn)在導(dǎo)航欄、標(biāo)題和段落等元素中，從而提高網(wǎng)站的可讀性和美觀度。

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

以上的CSS屬性可以實(shí)現(xiàn)多余部分顯示三個(gè)點(diǎn)的效果。其中，overflow: hidden;將超出預(yù)設(shè)長(zhǎng)度的內(nèi)容隱藏，white-space: nowrap;使得該元素內(nèi)的文字不自動(dòng)換行，而text-overflow: ellipsis;將超出長(zhǎng)度的文本用三個(gè)點(diǎn)代替。

需要注意的是，這種情況下必須要有一個(gè)固定的寬度，因?yàn)橹挥袑挾裙潭ú胖涝谑裁次恢眯枰@示省略號(hào)。

例如：

p {
width: 300px; /*固定寬度*/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

這樣就可以讓一個(gè)寬度為300px的段落，文本超出長(zhǎng)度時(shí)用三個(gè)點(diǎn)來(lái)表示。