Javascript 标题是否在字体大小上自行调整，以防止分成两行？

我有一个wordpress博客，每篇文章都有一个标题。有些标题比其他标题长，如果标题太长，它将被分成两行

但是，我希望标题始终保持在一行中，如果标题太长，请调整标题的字体大小

---

我怎么能这么做？我确实知道一些，并且已经准备好使用Wordpress、CSS、Javascript/jquery，但我不知道如何解决这个问题。

有几种方法可以同时处理正反两方面的问题

1） 尝试寻找一些现有的第三方实现。通常，如果有人已经做了，你就不想把时间花在这类事情上

2） 使用css，您应该为标题样式指定“空白：nowrap”属性。但是调整文本的大小有点棘手。您需要知道字符串的宽度，但除非您使用单字号字体，其中每个字符的宽度完全相同，否则自己计算长度并不容易。例如，您可以使用相同的文本在屏幕外的某个位置渲染div，获取其大小，然后根据该大小进行计算

---

3） 您可以尝试的一件事是将文本渲染到画布上，并将其缩放到合适的大小：

以下是我主要用于帮助解决此问题的方法。这并不完全是你想要的，但可能会对你有所帮助。要更改字体大小，需要使用js。以下是一个您可能会觉得有用的插件：

。单行标题{
宽度：300px；
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}

---

您好，这是一段很长的文字，我真的很喜欢它

空白：nowrap

？可能是重复的。另外，请看一下本问题中的相关问题。