您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

JavaScript缩放文本以适合固定Div

JavaScript缩放文本以适合固定Div

这有点骇人听闻,但可以满足您的要求。

<div id="hidden-resizer" style="visibility: hidden"></div>

将其放置在页面底部,该位置将不会移动页面上的其他元素。

后执行以下操作:

var size;
var desired_width = 50;
var resizer = $("#hidden-resizer");

resizer.html("This is the text I want to resize.");

while(resizer.width() > desired_width) {
  size = parseInt(resizer.css("font-size"), 10);
  resizer.css("font-size", size - 1);
}

$("#target-location").css("font-size", size).html(resizer.html());
javascript 2022/1/1 18:16:25 有640人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶