如何阻止文本占用多于1行？

使用省略号将在最后添加...。

   <style type="text/css">
    div {
      white-space: nowrap;
      overflow: hidden;
text-overflow: ellipsis;
    }
    </style>

您可以使用它CSS white-space Property来实现。

white-space: nowrap

有时使用 代替空格将起作用。显然，它有缺点。