/* 示例CSS代码 */
div {
white-space: nowrap; /* 超出范围改为省略号前必须设置此属性 */
overflow: hidden; /* 将超出范围的内容隐藏 */
text-overflow: ellipsis; /* 使用省略号替代被截断的文本 */
}在上述示例中，大家将文本包裹在一个
元素中，同时通过CSS对其进行修饰。大家使用了white-space属性来指定当文本超出范围时，不会自动换行；使用了overflow属性来将超出范围的内容隐藏。最后，大家使用text-overflow属性，将超出范围的文本替换为省略号。
需要注意的是，如果使用text-overflow来截断文本，其父元素的宽度必须是一个固定值，并且父元素必须包含子元素。例如：
这是一段超长的文本，需要截断成省略号
这里，父元素
的宽度设置为200px，并且包含了一段文本。由于文本过长，大家需要将其截断成省略号。因此，大家可以在CSS中对
元素设置text-overflow属性。注意，如果
元素没有明确的宽度，text-overflow功能将会失效。