CSS文字超出长度显示省略号或换行 - 完整指南

使用CSS的text-overflow属性来设置文字超出一定长度时的显示效果。例如，使用text-overflow: ellipsis;可以将超出长度的文字显示为省略号（...）：

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

这样，当文字超出了容器的宽度时，将会显示为省略号。

另外，还可以使用word-wrap: break-word;来实现在单词之间进行换行，而不是简单的截断文字：

.text {
  word-wrap: break-word;
}

这样，当文字超出了容器的宽度时，会在单词之间进行换行，以保证文字的完整性。