Html 有没有最好的方法将h1文本与其包含的div对齐？

我想要一个div，在页面的中心，它包含一行（两个单词）的h1文本，并且该文本与div的长度对齐；也就是说，字母会留出空间（同时保持其大小）以占据div的整个宽度，而不会超出div。而且，如果我更改浏览器设置以缩短页面宽度（例如放大），字母将压缩（到一个点，然后拆分为两行）

我不能现实地列出我尝试过的所有事情，但都没有用。其中包括我迄今为止在这个网站上看到的所有建议

真的有那么复杂吗？还是我错过了一些明显的东西

请，请帮忙

---

对此请求的“主观性质”我深表歉意。

那么您希望字体大小根据窗口宽度而改变吗

在CSS中，您可以使用

vw

单位来表示

font size

，这样可以响应窗口宽度，但我想这需要一些尝试和错误

---

除此之外，还有一个名为

fittext

（）的javascript插件，它可以满足您的需要。我在一个网站上使用过它，它的工作非常可靠，

也许我很笨，但这是我能想到的最好的方法，不需要在特定的断点处使用

@media

查询来分离元素，并让它们以窄宽度分成两行。可能重复的问题：@MichaelCoker我想我能做到。我想我只是希望有一些东西，如果我再加上一个词，我就不必改变了。不过谢谢你，当然是灯笼裤。我可能会用javascript-tho来实现这一点，并让javascript完成所有工作，这样html将只是一个带有单词的标记。