CSS可以通过text-overflow属性来设置文本溢出时的显示效果。其中，常用的取值有：
ellipsis：用省略号表示溢出的文本，即常说的省略号效果；clip：直接裁剪溢出的文本，不显示省略号。同时，还需要结合white-space和overflow属性来完善设置。其中，white-space属性用于指定如何处理元素中的空白，常用取值有：
normal：默认值，合并连续的空白字符并换行；nowrap：不换行，超出部分会被裁剪；pre：保留空白字符，但不自动换行；pre-wrap：保留空白字符，并在必要时换行。而overflow属性则用于指定元素内容溢出时如何处理，常用取值有：
visible：默认值，溢出的内容会呈现在元素外部；hidden：溢出的内容会被裁剪；scroll：溢出的内容会显示滚动条以便查看；auto：根据需要自动显示滚动条。综上所述，一个典型的文本溢出设置如下：
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}这样，元素的内容就会在一行内显示，超出部分会被裁剪，并用省略号表示。