栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

调整字体大小以适合div(一行)

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

调整字体大小以适合div(一行)

CSS否,Javascript是

您无法使用CSS进行此操作,但是可以在javascript /
jQuery中进行。为了帮助您使用伪代码,因为您已经知道该怎么做。只是您不知道如何检测多余的宽度。

最好的方法是使DIV具有以下(至少)样式:

position: absolute;visibility: hidden;white-space: nowrap;font-family: 

然后将文本复制到该文本并设置一些起始字体大小。然后,您可以遍历while循环,并在div的宽度合适时停止。然后将计算出的字体大小设置为原始标题。

这样,该检查将对用户不可见,因此也将更快地工作。

顺便说一句
:这是自动增长

textarea
脚本工作的通常方式。他们使用虚拟div,其样式设置与原始文本区域相同,并在用户键入文本时调整区域的高度。因此,起初“文本”区域可能很小,但是如果用户键入大量文本,它将自动增长以容纳内容。

While循环优化

您可以通过以下方法优化while循环,以大大减少迭代次数:

  1. 设置起始字体大小。
  2. 得到测试DIV的宽度。
  3. 计算orig_div和test_div之间的宽度因子。
  4. 以此大小调整字体大小,而不是增加/减少一个单位
  5. 测试test_div宽度


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/416151.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号