gpt4 book ai didi

javascript - 在一个元素中水平和垂直放置多少个等宽字符?

转载 作者:太空宇宙 更新时间:2023-11-04 16:22:36 24 4
gpt4 key购买 nike

<分区>

我试图找出一个元素(例如 div)中适合多少等宽字符,知道大小和 font-size

例如我期望的结果是:

{
x: Math.floor(divWidth / fontSize)
, y: Math.floor(divHeight / lineHeight)
}

但它们似乎不对:对于字体大小 50pxwidth: 100px,预期的答案是 2,但它是 3:

div {
font-family: monospace;
background: black;
color: lightgreen;
font-weight: bold;
width: 100px;
height: 100px;
font-size: 50px;
}
<div>
123
123
</div>

对于上面的例子,答案应该是:

{
x: 3 // 3 chars horizontally
, y: 1 // 1 char vertically
}

如何自动计算这些值?

var $div = $("div");
var divSize = {
w: $div.width()
, h: $div.height()
};
var fontSize = parseInt($div.css("font-size"));

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com