将文本保留在一行上并缩放字体

希望这是可能的只是在CSS而不是JavaScript + CSS。

我想要实现的是说我有一个固定宽度为100px的容器。 它不能小于100px。 我在这个容器中有文本,我总是在一行(nowrap),如果文本太长,它会缩放字体以适应容器。

这可能吗? 我尝试设置宽度并设置font-size:100%,使用空格:nowrap。 它不太合适。 字体缩放但不足以保留在框中。 使用溢出:隐藏不会工作,因为它会切断我不想要的文本。


不,实际上不可能根据“容器宽度和容器中有多少字符”计算的可用空间缩放字体大小,只有.css


我知道这是迟了4年,(这是后来人们搜索这个问题的人,因为这是我在谷歌上的第一名),但我可以用{font-size:_vw}做一些小小的工作。 我不确定这是否是当时的情况。 但对我个人而言,我设置了我的文本的vw(有一点试验和错误),以找到我需要的大小并坚持下去。 它现在完美地缩放。 我想你可以用真正的大屏幕进入问题,如果文本太小,可能会移动。 但只有一行CSS完全适用于我。

链接地址: http://www.djcxy.com/p/87523.html

上一篇: Keep text on one line and scale font

下一篇: Resize text based on div width