例子中，.ellipsis 类应用于一个段落，使得当文本宽度超过200px时，超出部分不显示，并在末尾显示省略号。

在CSS中，要使文本超出部分显示为省略号，可以使用以下属性：
overflow: 设置当对象的内容超过其指定高度及宽度时如何处理内容。
text-overflow: 设置或检索是否使用一个省略标记（...）标示文本溢出。
white-space: 设置或检索对象内文本显示的方式。
width 或 max-width: 设置元素的宽度。

.ellipsis {
overflow: hidden; /* 确保超出的内容被裁剪 */
white-space: nowrap; /* 保证文本在一行内显示 */
text-overflow: ellipsis; /* 使用省略号表示文本溢出 */
width: 200px; /* 设置元素宽度 */
}

<p class="ellipsis">
这是一段很长的文本，需要超出部分显示为省略号。
</p>
例子中，.ellipsis 类应用于一个段落，使得当文本宽度超过200px时，超出部分不显示，并在末尾显示省略号。