CSS:如何阻止文本占用超过1行？

在CSS中，要阻止文本占用超过1行，可以使用text-overflow属性结合white-space属性和overflow属性。以下是一个示例：

.text-container {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

在这个示例中，我们创建了一个名为.text-container的类，它具有以下属性：

• width: 200px;：设置容器的宽度为200像素。
• white-space: nowrap;：禁止在文本中进行换行。
• overflow: hidden;：隐藏超出容器宽度的内容。
• text-overflow: ellipsis;：当文本被截断时，显示省略号（...）。

将这个类应用到HTML元素上，可以实现阻止文本占用超过1行的效果。例如：

<div class="text-container">
  这是一段很长的文本，但是由于我们设置了CSS，它将被限制在一行内显示，并在末尾显示省略号。
</div>

这样，文本将被限制在一行内显示，并在末尾显示省略号。