CSS3是一種比CSS2更加強(qiáng)大的樣式表語言，它支持許多新的樣式，其中包括文字縮略樣式。

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

上面的代碼展示了一個(gè)基本的文字縮略樣式。該樣式可以用于限制一行文本的寬度并將其縮略為“...”，從而節(jié)約空間。通過設(shè)置white-space為nowrap，我們確保了文本不會自動(dòng)換行，而overflow:hidden則確保了文本溢出隱藏。最后，text-overflow:ellipsis則設(shè)置了縮略樣式。

但是，需要注意的是，該樣式只能用于單行文本。如果我們需要對多行文本進(jìn)行縮略，則需要使用其他技術(shù)，例如JavaScript。

.truncate {
display: block;
overflow: hidden;
}
.truncate span {
white-space: nowrap;
display: inline;
}
.truncate:after {
content: '...';
position: absolute;
right: 0;
bottom: 0;
}

上面的代碼展示了一個(gè)基本的多行文字縮略樣式。我們使用了一個(gè)帶有多行文本的span元素，并將其包含在一個(gè)具有overflow:hidden樣式的容器中。然后，我們使用after偽元素添加一個(gè)省略號來表示文本被縮略了。最后，我們使用絕對定位將省略號放置在文本的底端右側(cè)。

無論使用哪種技術(shù)，記得在應(yīng)用縮略樣式之前測試其兼容性。這樣可以確保您的網(wǎng)站在不同的瀏覽器和設(shè)備上都能夠正常工作。