CSS中省略號(hào)是一個(gè)非常有用的樣式效果，特別是在顯示長文本內(nèi)容的情況下。通常，當(dāng)文本內(nèi)容超過一定長度時(shí)，我們可以使用省略號(hào)來代表省略的內(nèi)容。下面我們介紹一下如何實(shí)現(xiàn)這個(gè)效果。

p {
white-space: nowrap; /*禁止內(nèi)容換行*/
overflow: hidden; /*隱藏超出容器大小的內(nèi)容*/
text-overflow: ellipsis; /*用省略號(hào)代替超出容器大小的內(nèi)容*/
}

上面的CSS代碼中，white-space: nowrap;表示禁止文本的自動(dòng)換行，overflow: hidden;表示隱藏超出容器大小的內(nèi)容，text-overflow: ellipsis;表示用省略號(hào)代替超出容器大小的內(nèi)容。

這種實(shí)現(xiàn)方法適用于單行文本內(nèi)容，如果需要省略多行文本內(nèi)容，可以使用-webkit-box-orient: vertical;和display: -webkit-box;來實(shí)現(xiàn)。

p {
/* 省略單行文本內(nèi)容 */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/* 省略多行文本內(nèi)容 */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* 控制顯示的行數(shù) */
overflow: hidden;
}

最后，需要注意的是，上述代碼中的-webkit-前綴是為了兼容舊版本的瀏覽器和引擎，如果使用的是最新版本的瀏覽器，則可以省略前綴。