使用CSS将文本截断到下一行

可以通过以下两种方式实现：

1. 使用CSS属性word-wrap: break-word;或overflow-wrap: break-word;可以实现文本在单词之间自动换行，将超出容器宽度的文本截断到下一行。这种方式适用于英文等以空格分隔单词的语言。

示例代码：

.truncate-text {
  word-wrap: break-word;
  /* 或者使用 overflow-wrap: break-word; */
}

1. 对于中文等没有空格分隔的语言，可以使用CSS属性text-overflow: ellipsis;结合white-space: nowrap;实现文本截断，并在截断处显示省略号。

示例代码：

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

以上两种方式可以根据实际需求选择使用。在实际开发中，可以根据具体情况将上述CSS样式应用于需要截断文本的元素上，例如<div>、<p>、<span>等。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS文档