首页 > font-size属性设置为30px,那么对于英语大小写字母来说,他们的宽度是多少?

font-size属性设置为30px,那么对于英语大小写字母来说,他们的宽度是多少?

比如,对于一串字母:Segment 。
font-size属性设置为30px,那么Segment所占据的宽度是多少?


认知中 2 个字母占 1 个汉字的大小,虽然眼镜看起来好像有差距。

var tester = document.createElement('div');
tester.style.display = 'inline-block';
tester.style.fontSize = '30px';
tester.innerHTML = 'Segment';
document.body.appendChild(tester);
console.log(tester.offsetWidth)  // 120

这也不失为一种测试的办法,让 DOM 自己去计算吧。

【热门文章】
【热门文章】