CSS3提供了一種新的截取文字的方式——text-overflow屬性。

.text {
white-space: nowrap; // 不換行
overflow: hidden; // 隱藏溢出部分
text-overflow: ellipsis; // 用省略號代替溢出部分
}

text-overflow屬性只能應用在單行的文本上，要使多行的文本截取效果，需要使用JavaScript或偽元素等方法。

此外，text-overflow屬性僅適用于擁有指定寬度的塊級元素。