Question

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

现在div的宽度对于英语措辞是可以的，但对于Russion措辞，会发生溢出。在css中是否有办法缩小字体大小以防发生溢出。

我知道跟随css的用法，但我不想使用省略号并且想要显示全文，即使它的大小变小。

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

修改该问题被标记为另一个问题的副本，但事实并非如此。另一个问题是div是响应式的，而不是固定的宽度，而且它内部的文本也可以增长，而我的问题则询问如果文本更大，如何缩小文本。

Answer 1

PLS。使用width

即

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

Answer 2

＆＃13;

.content_div{
  font-size: calc(1.1vw + 1.1vh + 1.1vmin);
  border:thin black solid;
  outline:none;
  padding:5px 2px;
  width:120px;
  overflow:hidden;
  font-size-adjust: 0.25;
}

＆＃13;

<button class="content_div">
    Some Description Some Description
</button>

＆＃13;

这与您正在寻找的相同吗？

希望这有帮助。

Answer 3

如何将Void与enum Irrelevant { INSTANCE; } PublishSubject<Irrelevant > source = PublishSubject.create(); source.subscribe(e -> { /* Ignored. */ }, Throwable::printStackTrace); source.onNext(Irrelevant.INSTANCE); source.onNext(Irrelevant.INSTANCE);

一起使用

overflow: scroll

如果您希望用户查看整个文本，那么这是您不使用javascript就能做到的最佳选择。这看起来很难看，但可以使用更多的css进行管理。

使用css缩小div中的文本字体大小

3 个答案: