当前位置: 首页 > 面试题库 >

如何自动更改div内的文本大小?

傅涵忍
2023-03-14
问题内容

我有带的背景图片div。我想写一些文本,但是此文本应通过更改字体大小div


问题答案:

我以这种方式理解了您的问题,您希望将某些文本放入具有固定尺寸的给定div中,如果div太小而无法显示所有文本,则应缩小字体大小,直到文本适合div。如果那是重点,这是我的解决方案。

这是一个div

<div id="fitin">
    <div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
</div>

固定尺寸

#fitin {
    width: 300px;
    height: 100px;
    border: 1px solid black;
    overflow: hidden;
    font-size: 1em;
}

此JavaScript将完成工作。

$(function() {
    while( $('#fitin div').height() > $('#fitin').height() ) {
        $('#fitin div').css('font-size', (parseInt($('#fitin div').css('font-size')) - 1) + "px" );
    }
});


 类似资料:
  • 问题内容: 我有带的背景图片。我想写一些文本,但是此文本应通过更改字体大小。 问题答案: 我以这种方式理解了您的问题,您希望将某些文本放入具有固定尺寸的给定div中,如果div太小而无法显示所有文本,则应缩小字体大小,直到文本适合div。如果那是重点,这是我的解决方案。 这是一个div 固定尺寸 该JavaScript将完成这项工作。

  • HTML: CSS: 问题是,当我悬停时,滚动条会像预期的那样显示出来,但当我取消悬停时,带有id的div中所有元素的宽度都会发生变化。我所说的变化是指它变得更小,以适应下一次悬停时的滚动条…我想要的是...显示滚动条时的宽度变化很好,但是当滚动条不再可见时,我希望它返回到100%的宽度,我甚至尝试将添加到div,但它不起作用。我怎么能这么做... 希望我能把自己说清楚..

  • 我试过这个说法: 是一个JavaFX和返回一个。 在调用时,有一个初始化的字符串,但TextField没有显示任何内容。 我怎样才能完成呢?

  • 问题内容: 我想检测何时文本框的内容已更改。我可以使用keyup方法,但是它也可以检测不会产生字母的击键,例如箭头键。我想到了使用keyup事件执行此操作的两种方法: 仔细检查所按键的ASCII码是否为字母\退格\删除 使用闭包来记住按键之前文本框中的文本,并检查是否已更改。 两者看起来都很麻烦。 问题答案: 开始观察“输入”事件而不是“改变”事件。 …很干净,但可以扩展到:

  • 问题内容: 我需要动态设置DIV元素内的文本。什么是最好的浏览器安全方法?我有可用的prototypejs和scriptaculous。 该函数如下所示: 问题答案: 我将使用支持纯文本,HTML代码段或定义方法的任何JavaScript对象的Prototype 方法。

  • 问题内容: 我有一些JavaScript的简单HTML代码,看起来像: 我只是希望能够通过选择“ A”或“ B”单选按钮之一来更改div的内容(它是内部html),但是div#content没有javascript属性“ value”,所以我问它如何做完了。 问题答案: 假设您没有使用jQuery或其他使您更轻松地进行此类操作的库,则只需使用元素的innerHTML属性即可。