html - 使用CSS缩小div中的文本字体大小

Question

我有一个固定宽度的 div，比如 120 像素。其中的文本可以根据不同的字符数改变长度。例如，对于英语，它可以是 "Compare"，对于俄语，它可以是 "Добавить в сравнение"。

现在 div 的宽度对于英文写法是可以的，但是对于俄语写法，会发生溢出。 css 中是否有一种方法可以在发生溢出时缩小字体大小。

我知道following css的用法，但我不想有省略号，想要显示全文，即使它变小了。

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

编辑:该问题被标记为与另一个问题重复，但事实并非如此。另一个问题说 div 是响应式的，不是固定宽度的，而且里面的文本可以增长，而我的问题是问如果文本变大了如何缩小。

Answer 1

请。使用 宽度

即，

white-space: nowrap; 
width: 16em; 
overflow: hidden;
text-overflow: ellipsis;