css - 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 自己去计算吧。

这篇关于css - font-size属性设置为30px,那么对于英语大小写字母来说，他们的宽度是多少？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！