CSS顯示三個點，通常是在文本過長時，希望以省略號的形式代替部分文字，以節(jié)省空間的顯示效果。

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

上面這段CSS代碼，是實現(xiàn)將超出寬度的文字隱藏，以省略號代替的關(guān)鍵代碼。其中，white-space屬性和nowrap值用于設(shè)置文字不換行，overflow屬性和hidden值用于設(shè)置隱藏超過容器寬度的部分，text-overflow屬性和ellipsis值用于設(shè)置省略號的樣式。

除了省略號，還可以使用其他符號代替文字，如下劃線、波浪線等。不同的符號通過text-overflow屬性的不同值指定，如下劃線代替。

.underline {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: "_";
}

需要注意的是，該方法只適用于單行文本，若是多行文本，則需要采用JavaScript或其他技術(shù)實現(xiàn)。