如何使用css或javascript将文本保持在一行

我希望使用css或javascript将文本保持在与容器宽度对应的一行上。

---

例如，当容器的宽度固定且文本的长度较长时，文本的字体大小应较小，以使其保持在一行上。

有一个流行的jQuery库可用于此，我相信它就是所谓的Fit text

它将自动调整文本大小，使其适合其父容器中的一行

谷歌快速搜索显示以下选项：

• -使用jQuery
• -不使用jQuery

---

您可以尝试使用“calc”，但我认为字体大小不可能相对于容器宽度（目前），但您可以使其相对于视口？例如：容器宽度：300px文本字体大小：50px当文本为“123”时，它位于容器内的一行上。但当文本为“1234”或“12345”时，它会溢出容器。我想把文本保持在一行，使文本的字体变小。请你在问题中而不是在评论中指出这一点？在一行上阅读代码并不有趣