假设我有一个 600 像素高和 400 像素宽的 div。我希望我的文本位于中间，并跨越 div 的整个宽度。 CSS 或 CSS3 中有什么东西可以让我根据用户输入的文本自动执行此操作吗？
因此，单词 FOO 会比单词 FOOBAR 大，因为 foobar 会占用更多空间，从而动态调整文本大小。
只是想知道；我不确定是否有可能（也可以接受 JS 解决方案..）
谢谢！
【问题讨论】：
我不明白如何不费力气地为比例字体（如 Arial）做到这一点。每个字符都有不同的宽度。
您可以对像 Courier New 这样的“等宽”字体执行此操作。您必须提取文本，计算字符数并相应地调整字体大小。然而，不同的等宽字体有不同的宽度，所以你必须有一个宽度与字体的表格。不过，通过一些实验，这应该不会太难。
【讨论】：
我能想到的一个解决方案是：
假设您只需在框中输入单词FOO 可以拥有的最大尺寸是200px
所以新建一个隐藏的div设置固定宽度为600而不是高度，然后循环遍历
hidden div width 600并离开高度loop 通过 javascript 通过减小字体大小 until the height is <= 400
【讨论】：