Javascript 单行HTML CSS上的长响应标题

我在一个反应迅速的网站上工作。我有一些很长的标题，比如“Savez vous vraiment ce que'il se passe sur le terrain？”

目标是无论引导的分辨率和行为如何，标题始终保持在一行上

我可以用

空白：不换行

这样做，但是标题将不再位于中间

我看不到除了在不同分辨率下减小字体大小之外的其他解决方案

---

感谢您的帮助：）

您可以在标题周围加一个div，然后使用文本对齐：居中

<div class="titlewrapper">
    <div>Savez-vous vraiment ce qu'il se passe sur le terrain ?</div>
</div>

.titlewrapper {
    width: 100%;
    text-align: center;
}

你的目标是什么？
.铁匠{
宽度：100%；
文本对齐：居中；
}

如果您大致知道标题的最大长度，可以使用，这表示宽度的百分比。大多数现代浏览器都支持它

对于您的字符串，这将如下所示：

h1 {
    font-size: 3vw;
}

---

如果它在两行上运行会怎么样？在这种情况下，会产生什么意外后果？不确定，因为具体的要求（总是在一行），但也许这个插件可以帮助。。。顺便说一句，在小型移动屏幕上，文本可能无法读取，如果字体大小减少太多（我会将其分成两行或多行）…是否有某些内容绝对位于该标题下，因此必须保持单行？是的，在移动电话上，文本将无法读取^^^目标是笔记本电脑和桌面分辨率：）感谢fittextjs，我想这会对我有帮助：）谢谢，但如果缩小浏览器的大小或分辨率以防止包装，这会导致wordbreak出现。请参见：