希望这可以只用CSS而不是javascript css .
我想要实现的是说我有一个固定宽度为100px的容器 . 它不能小于也不大于100px . 我在这个容器中有文本，我想要总是在一行（nowrap），如果文本太长，它会缩放字体以适应容器 .
这可能吗？我尝试设置宽度并设置font-size：100％with whitespace：nowrap . 这不太合适 . 字体缩放但不足以留在盒子里 . 使用溢出：隐藏不会工作，因为它会切断我不想要的文本 .
不，实际上不可能根据仅在.css上计算的'容器宽度和容器中有多少个字符'计算的可用空间来缩放字体大小
我知道这已经晚了4年（这是为了后来搜索这个问题的人，因为这是我在谷歌上的头号攻击）但我能够用 做一个小工作 . 我不确定这是不是那时候 . 但就我个人而言，我设置了我的文字的大众（通过一些试验和错误）来找到我需要的尺寸并坚持下去 . 它现在完美地扩展 . 我想你可能会遇到真正的大屏幕问题，如果文字变得太小，可能会移动 . 但只有一行CSS它完全适合我 .
2 回答
不，实际上不可能根据仅在.css上计算的'容器宽度和容器中有多少个字符'计算的可用空间来缩放字体大小
我知道这已经晚了4年（这是为了后来搜索这个问题的人，因为这是我在谷歌上的头号攻击）但我能够用 做一个小工作 . 我不确定这是不是那时候 . 但就我个人而言，我设置了我的文字的大众（通过一些试验和错误）来找到我需要的尺寸并坚持下去 . 它现在完美地扩展 . 我想你可能会遇到真正的大屏幕问题，如果文字变得太小，可能会移动 . 但只有一行CSS它完全适合我 .