我有一个固定的宽度div,比如120px。其中的文字可以根据不同的字符数改变长度。例如,英语语言可以是"Compare"
,俄语可以是"Добавить в сравнение"
。使用css缩小div内的文本字体大小
现在div
的宽度对于英文措辞是可以的,但对于Russion措辞而言,会发生溢出。 css
是否有办法在发生溢出时缩小字体大小。
我知道下面的CSS的用法,但我不想有省略号,并且即使它变得更小也想显示全文。
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
编辑: 问题被标记为另一个问题重复,但事实并非如此。另一个问题是,div是响应式的,而不是固定宽度,并且其内部的文本可以增长,而我的问题则询问如何缩小文本,如果它更大。
不,这不可能单独使用CSS。您可以使用一些JavaScript来“衡量”文本的大小仍然适合(相当肯定现有的解决方案,因此做一些研究)。 – CBroe
尝试使用css的vw属性 –
@SanchitPatiyal vw属性不会工作,因为我有固定宽度的div。宽度不是问题,文本内容长度是问题:) –